body{
    background-color: rgb(255, 228, 189);
}
html{
    top: 100%;
    height: 100%;
}
#sideBar{
    background-color: antiquewhite;
    width: 100%;
    height: 100px;
    top: 0%;
    left: 0%;
    border: 0px solid rgb(37, 255, 240);
    box-shadow: 7px 7px 10px rgb(255, 236, 212);
    /*padding: 1%;*/
    position: fixed;
    z-index: -1;
}
#flowed{
    position:absolute;
    left: 35%;
    top:10%;
    text-align: center;
}
@font-face {
    font-family: 'Rubik Microbe';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/supermercadoone/v20/OpNXnpQWg8jc_xps_Gi14kVVEXOn20H9MQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.mainText{
    font-family: Supermercado One;
    text-shadow: 1px  1px 3px rgb(0, 0, 0);
    font-size: 20px;
}
.mainTextDOSIS{
    font-family: Dosis;
    text-shadow: 1px  1px 13px rgb(255, 145, 81);
    font-size: 20px;
}
.img{
    z-index: -2;
    position:absolute;
    left: 50%;
    top:50%;
    opacity: 0.5;
}
.mainTextMOD{
    font-family: Dosis;
    font-size: 40px;
}
.mainTextMAIN{
    font-family: Supermercado One;
    color: rgb(4, 192, 4);
    text-shadow: 1px  1px 10px rgb(159, 159, 159);
    font-size: 20px;
}
.mainTextNS{
    font-family: Supermercado One;
    font-size: 20px;
}
a:link {
    color: black;
    background-color: transparent;
    text-decoration: none;
}
a:visited {
    color: black;
    background-color: transparent;
    text-decoration: none;
}

a:active {
    color: black;
    background-color: transparent;
    text-decoration: none;
}
.mainTextt{
    font-family: Supermercado One;
    text-shadow: 1px  1px 3px rgb(0, 0, 0);
    font-size: 20px;
    top: 5%;
    z-index: 1;
    position: fixed;
}
#said{
    text-align:center;
}
@keyframes mymove {
    from {opacity: 1;}
    to {opacity: 0.5;}
}
@keyframes mymovee {
    from {opacity: 0.5;}
    to {opacity: 1;}
}
.mainTextt:hover{
    animation: mymove 1s ;
    animation: mymovee 1s;
}
#two{
    left: 145px;
}
#three{
    left: 210px;
}
#four{
    left: 355px;
}
#fixed{
    position: fixed;
}
#flowedMOD{
    text-align: center;
    font-size: 50px; 
}
#flowedMODA{
    text-align: center;
    font-size: 30px; 
}
#flowerMOD{
    text-align: center;
    font-size: 27px; 
}
#flowerMODA{
    text-align: center;
    font-size: 13px; 
}
#textBG{
    border-radius: 25px;
    z-index: -1;
    position:absolute;
    left: 31%;
    top:15%;
    text-align: center;
    box-shadow: 0px 0px 100px rgb(255, 245, 232);
    background-color: aliceblue;
}
#textBGMOD{
    border-radius: 25px;
    z-index: -1;
    text-align: center;
    box-sizing:border-box;
    box-shadow: 0px 0px 100px rgb(255, 245, 232);
    background-color: aliceblue;
}
#footer{
    text-align:center;
    box-shadow: none;
}