body{
    /*background-image: linear-gradient(to bottom ,rgb(0, 140, 119),rgb(0, 209, 178), rgb(145, 255, 239));
    background-repeat: no-repeat;
    background-size: auto;
    */
    background-color: rgb(255, 228, 189);
}
html{
    height: 100%;
}
#sideBar{
    background-color: rgb(97, 187, 199);
    width: 100%;
    height: 100px;
    top: 0%;
    left: 0%;
    border: 0px solid rgb(37, 255, 240);
    box-shadow: 7px 7px 10px rgb(0, 0, 100);
    /*padding: 1%;*/
    position: fixed;
    z-index: -1;
}
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;
}
#flowed{
    position:absolute;
    left: 30%;
    top:10%;
    text-align: center;
}
@font-face {
    font-family: 'Supermercado One';
    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: Rubik Moonrocks;
    text-shadow: 1px  1px 10px rgb(0, 0, 0);
    font-size: 20px;
}
.mainTextt{
    font-family: Supermercado One;
    text-shadow: 1px  1px 3px rgb(0, 0, 0);
    font-size: 20px;
    top: 5%;
    z-index: 1;
    position: fixed;
}
#img{
    opacity: 0.2;
    z-index: -1;
}
@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: 120px;
}
#fixed{
    position: fixed;
}