* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    font-family: sans-serif;
    font-size: 1.1em;
    
    
    -webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
    
    
    
    
    
}


span {
    color: white;
    text-decoration: underline;
}


@media screen and (max-device-width: 480px){
  body{
    -webkit-text-size-adjust: none;
  }
}


body {
/*    margin-bottom: 6em;*/
/*    width: 100%;*/
/*    font-size: clamp;*/

}

.s {
    min-height: 100vh;
    
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    flex-wrap: wrap;
    align-items: center;
    color: white;
    
/*    text-align-last: justify;*/

    
    padding: 1em max(env(safe-area-inset-right), 1em) 1em max(env(safe-area-inset-left), 1em);
    padding: 1em max(env(safe-area-inset-right), 1em) 1em max(env(safe-area-inset-left), 1em);
    text-align:justify;
    text-align-last: justify;
}


.s > * {
    padding: 1em;
}


.s > img {
    height: 80vh;
    display: block;
    min-height: 500px;
}

h1 {
    font-size: 2em;
}

.s1 {
    background: linear-gradient(30deg, #ed966c, #ED6F58);}

.s2 {
    
        background: linear-gradient(-30deg,  #f8a812 , #ed966c);
    flex-direction: row-reverse;

}

.s3 {
    
    background: linear-gradient(30deg,  #ffd855, #f8a812);
}

.s4 {
    flex-direction: row-reverse;
    background: linear-gradient(-30deg,  #0b9f7f , #ffd855);
}

.s5 {
    
    background: linear-gradient(30deg,  #7da3e8, #0b9f7f);
}



.shrink {
      flex-basis: 20vw; /* default auto */

}



#supportOpts {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    flex-wrap: wrap;
    align-items: center;
    margin: 2em;
}

#supportOpts > * { 
    padding: 0.3em;
    
}

.icon {
    font-size: 1.8em;
    text-decoration: none;
}

.link {
    color: white;
    font-size: 0.88em;
}

a {
    text-decoration: none;
}



.break {
  flex-basis: 100%;
  height: 0;
}


#blackBG {
    font-size: 10vw;
    position: fixed;
    z-index: -150;
    height: 100vh;
    width: 100%;
    bottom: 0;
    left: 0;
    background-color: black;
    
    display: flex;
    justify-content: space-evenly;
    flex-direction: column-reverse;
    align-items: center;
}

#yeah {
    position: fixed;
    bottom: 0;
}

footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: black;
    color: white;
    z-index: -100;
    
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
/*    gap: 2em;*/
    
    
    
     padding: 1em 0;
    
/*    font-size: 22px;*/
    
    padding-bottom: calc(1em + env(safe-area-inset-bottom));
    
}



#downloadApp {
    display: flex;
/*    align-items: center;*/
    justify-content: center;
    flex-wrap: wrap;
/*    flex-direction: row;*/
/*    border: 1px solid red;*/
}

.applink {
    height: 3em;
    margin: max(10px, 0.5em);
/*    border: 1px solid red;*/
/*    padding: 0.5em;*/
}

.applinklogo {
/*    padding-right: 0.7em;*/
/*    border: 1px solid red;*/
}


.footerelement {
    margin: 0.5em;
}

.pphref {
    color: white;
/*    text-decoration: underline;*/

}

p {
    padding-top: 0.1em;
    padding-bottom: 0.1em;
}