*{
    margin: 0;padding: 0;scroll-behavior: smooth;
}
body{
    /* background: url('https://static.igem.wiki/teams/5267/wiki-9-18/bk/notebook-2.png'); */
    background-size: cover;
    background-color: #416D81;
    background-repeat: no-repeat;
    background-position: center;
}
#note{
    z-index: 9;
}
h2{
    z-index: 9999;

}
.starriver1{
    position: absolute;
left: 20vw;
width: 47vw;
    height: 100vw;
    top:10vw;
    rotate: 0deg;
z-index: 1;
}
.starriver2{
    position: absolute;
left: 20vw;
width: 47vw;
    height: 100vw;
    top:35vw;
    rotate: 0deg;
z-index: 1;
}
.starriver3{
    position: absolute;
left: 20vw;
width: 47vw;
    height: 100vw;
    top:70vw;
    rotate: 0deg;
z-index: 1;
}
.starriver4{
    position: absolute;
left: 20vw;
width: 47vw;
    height: 100vw;
    top:135vw;
    rotate: 0deg;
z-index: 1;
}
.starriver5{
    position: absolute;
left: 20vw;
width: 47vw;
    height: 100vw;
    top:170vw;
    rotate: 0deg;
z-index: 1;
}
.starriver6{
    position: absolute;
left: 20vw;
width: 47vw;
    height: 100vw;
    top:200vw;
    rotate: 0deg;
z-index: 1;
}
.starriver7{
    position: absolute;
left: 20vw;
width: 47vw;
    height: 100vw;
    top:230vw;
    rotate: 0deg;
z-index: 1;
}
.starriver8{
    position: absolute;
left: 20vw;
width: 47vw;
    height: 100vw;
    top:260vw;
    rotate: 0deg;
z-index: 1;
}
.starriver9{
    position: absolute;
left: 20vw;
width: 47vw;
    height: 100vw;
    top:300vw;
    rotate: 0deg;
z-index: 1;
}
.nopart1{
position: relative;
width: 100%;
height: 75vh;
background-color: transparent;


}
.nopart2{
position: relative;
width: 100%;
height: 80vh;
background-color: transparent;

}
.nopart3{
position: relative;
width: 100%;
height: 220vh;
background-color: transparent;

}
.nopart4{
position: relative;
width: 100%;
height: 60vw;
background-color: transparent;

}

.nopart2content{
position: relative;
width: 70%;
left: 27%;
height: auto;
top: 10%;
border-radius: 14px;
background-color:#98cfeb;
}
.nopart3content{
position: relative;border-radius: 14px;
width: 70%;
left: 27%;
height: auto;
top: 10%;
background-color:#2d647f ;
}
.nopart5content1{
border-radius: 14px;
position: relative;
width: 70%;
left: 27%;
height: auto;
top: 15%;
background-color:#83bfdd;
}
.nopart5content2{
border-radius: 14px;
position: relative;
width: 70%;
left:27%;
height: auto;
top: 10%;
background-color:#83bfdd;
}
.nopart6content{border-radius: 14px;
position: relative;
width: 70%;
left: 27%;
height: auto;
top: 15%;
background-color:#2d647f ;
}








.parallax > use {
animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}
.parallax > use:nth-child(1) {
animation-delay: -2s;
animation-duration: 7s;
}
.parallax > use:nth-child(2) {
animation-delay: -3s;
animation-duration: 10s;
}
.parallax > use:nth-child(3) {
animation-delay: -4s;
animation-duration: 13s;
}
.parallax > use:nth-child(4) {
animation-delay: -5s;
animation-duration: 20s;
}
@keyframes move-forever {
0% {
transform: translate3d(-90px, 0, 0);
}
100% {
transform: translate3d(85px, 0, 0);
}
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
.waves {
height: 20px;
min-height: 20px;
}

}



.active111 {
font-size: 1.2rem !important;

background-color: transparent;
}




.noteclock{
    position: absolute;
    width: 10%;
    height: auto;
    top: 12vw;
    left: 17.5vw;
    transition: 1.5s;
}


#note{
position: relative;
width: 60%;
height: auto;
padding: 3%;
background-color: beige;
border-radius: 20px;
margin-top: 1%;
left: 25%;
top:5vw;
}

#Dec{
    position: relative;
    left: 34vw;
    top: 5vw;
}
#Jan{
    position: relative;
    left: 74vw;
    top: 5vw;
}
#Feb{
    position: relative;
    left: 34vw;
    top: 5vw;
}
#Mar{
    position: relative;
    left: 74vw;
    top: 5vw;
}
#Apr{
    position: relative;
    left: 34vw;
    top: 5vw;
}
#May{
    position: relative;
    left: 74vw;
    top: 5vw;
}
#Jun{
    position: relative;
    left: 34vw;
    top: 5vw;
}
#Jul{
    position: relative;
    left: 75vw;
    top: 5vw;
}
#Aug{
    position: relative;
    left: 34vw;
    top: 5vw;
}
#Sep{
    position: relative;
    left: 72vw;
    top: 5vw;
}
#Oct{
    position: relative;
    left: 34vw;
    top: 5vw;
}