ion-content {
    --background: #263056 url('../../../assets/img/background-deco.png') no-repeat center top / contain;
    --overflow: hidden;
}


.flavor-text {
    height:60%;
    text-align: justify;
    color:white;
    font-size: 15pt;
    padding-top:10pt;
    padding-left:10pt;
    padding-right:10pt;

  
}

.button-row {
    height:20%;
    padding-bottom:2%;
}

ion-slide {
    height: 100vh;
    flex-direction: column;
}

ion-img {
    max-width: 50vw;
    max-height: 50vh;
    overflow: hidden;
}


.step-one {
 

    background: var(--ion-color-light) url('../../../assets/img/background-deco.png') no-repeat center top / contain;
    color: var(--ion-color-light-contrast);
   
}

.step-two {
    background: var(--ion-color-secondary-shade) url('../../../assets/img/background-deco.png') no-repeat center top / contain;
    color: var(--ion-color-secondary-contrast);
  
}

.step-three {

    background: var(--ion-color-primary) url('../../../assets/img/background-deco.png') no-repeat center top / contain;
    color: var(--ion-color-primary-contrast);

    
}

ion-slide > p {
    padding-left:10pt;
    padding-right:10pt;
}

ion-slide > ion-icon {
    font-size:110pt
}