/* general & layouts */

html {   
    background-color: #d8829d;
    font-family: sans-serif;
    font-style: normal;
    font-size: 140%;
    scroll-snap-type: y mandatory;
	visibility: hidden;
}
 /*   height: calc((100vh*1) + 5vh);*/
 /*    width: 80vw;*/

body {
    padding:0;
    margin:0;
}

#page1Top { 
    margin-top: 33vh;
    text-align: center; 
}

#page1Bottom { 
    margin-top: 20vh;
    padding-left:2rem;
    padding-right:2rem;
    text-align: justify;
}

.fadeIn {
animation: fadeIn 1s;
 transition-delay: 2s;
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

#welcome {
    width: 66vw;
    font-size: 1rem;
    color: #f3f9e3;
    background-color: #628b48;
    font-weight: 400;

    padding-top:1rem;
    padding-bottom:1rem;
    padding-left:1rem;
    padding-right:1rem;
 
    border-color: #edd83d;
    border-width:3px;
    border-style: solid;
    border-radius: 10px;
    box-shadow: 10px 10px 5px #ac687d;

}

#locationUserMsg {
   color: #f3f9e3;

}