.main,body{margin:0;overflow:hidden;padding:0}.main{align-items:center;display:flex;flex-direction:column;font-family:Baloo\ 2,sans-serif;font-style:normal;height:100vh;justify-content:center;position:relative;width:100vw}.main:before{background-image:url(images/bg_img.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";height:100%;left:0;opacity:.85;position:absolute;top:0;width:100%;z-index:-2}.symbols img{height:3em;position:fixed;width:3em;z-index:-1}.symbols img:first-child{left:22%;top:60%}.symbols img:nth-child(2){left:8%;top:44%}.symbols img:nth-child(3){height:7%;left:19%;top:20%;width:7%}.symbols img:nth-child(4){left:4%;top:84%}.symbols img:nth-child(5){height:4%;left:50%;top:40%;width:2%}.symbols img:nth-child(6){height:50%;left:55%;top:60%;width:3.5%}.symbols img:nth-child(7){height:4%;left:38%;top:10%;width:2%}.symbols img:nth-child(8){height:4%;left:35%;top:80%;width:2%}.symbols img:nth-child(9){height:4%;left:70%;top:56%;width:2%}.symbols img:nth-child(10){left:80%;top:80%}.symbols img:nth-child(11){left:77%;top:12%}.symbols img:nth-child(12){left:63%;top:16%}.twinkle{animation:twinkling 1s infinite alternate;position:absolute}@keyframes twinkling{0%{opacity:.9;transform:scale(1) rotate(0deg)}to{opacity:1;transform:scale(1.3) rotate(6deg)}}.text{height:auto;position:absolute;top:7vh;width:80%}.text img{margin-left:1.5em;width:100%}.bamboo{bottom:-20px;height:auto;left:0;position:fixed;width:100%}.levels{background-image:url(levels-background.svg);background-repeat:no-repeat;background-size:cover;height:100vh;width:100vw}.button-container{align-items:center;background-color:#49a148;border-radius:.75em;box-shadow:-6px 6px 0 -1px hsla(137,5%,72%,.45);-webkit-box-shadow:-6px 6px 0 -1px hsla(137,5%,72%,.45);-moz-box-shadow:-6px 6px 0 -1px hsla(137,5%,72%,.45);display:flex;height:20vh;justify-content:center;margin-bottom:2em;position:absolute;top:45vh;width:25vw}.button-container button{background-color:#bae36b;border:none;border-radius:.5em;box-shadow:-1px 13px 48px 4px hsla(140,1%,48%,.71);-webkit-box-shadow:-1px 13px 48px 4px hsla(140,1%,48%,.71);-moz-box-shadow:-1px 13px 48px 4px hsla(140,1%,48%,.71);font-family:Baloo\ 2,sans-serif;font-size:6.5vh;font-weight:700;height:80%;width:90%}.button-container button:hover{font-size:6.75vh}.teacher-about{align-items:center;display:flex;justify-content:space-evenly;padding:1em;position:absolute;right:0;top:0;width:15%}.teacher{background-color:#bae36b;border:2px solid #49a148;border-radius:3px;font-family:Baloo\ 2,sans-serif;font-weight:500;padding:5px 10px}.fa{color:#2e2929}.popup-container{align-items:center;background:#1b430a;border-radius:5px;height:50%;justify-content:center;left:50%;position:absolute;right:1em;top:50%;transform:translate(-50%,-50%);width:40%}.popup-content{background:#bae36b;border-radius:5px;padding:20px;text-align:center}.teacherorstudent{font-size:larger;margin:10px}.buttonsBorder,.teacherorstudent{display:flex;justify-content:center}.buttonsBorder{background-color:#dff7f9;border-radius:10px;text-align:center;width:70%}.optionTeacher{margin:5px 10% 5px auto}.optionStudent{margin:5px auto 5px 10%}.levelButton{border:8px solid #49a148;border-radius:20px}.levelButton,.levelButtonMultiplayer{background-color:#bae36b;box-shadow:-6px 6px 0 -1px hsla(137,5%,72%,.45);cursor:pointer;font-family:Baloo\ 2,sans-serif;font-size:3vh;font-weight:900;height:11vh;margin:3vh;padding:7px 16px;width:26vh}.levelButtonMultiplayer{border:8px solid red;border-radius:20px}.levelButtonMultiplayer:hover{font-size:3.25vh}.levelBtnContainer{display:flex;flex-direction:row;position:absolute;top:48vh}.backBtn,.signin-container{position:absolute;top:68vh}.backBtn{font-size:3vh}.backBtn,.backBtn:hover{font-family:Baloo\ 2,sans-serif;font-weight:700}.backBtn:hover{font-size:3.25vh}.charButton{align-items:center;background-color:#bae36b;border:8px solid #49a148;border-radius:20px;box-shadow:-6px 6px 0 -1px hsla(137,5%,72%,.45);cursor:pointer;display:inline-flex;font-family:Baloo\ 2,sans-serif;font-size:3vh;font-weight:900;height:15vh;justify-content:center;margin:3vh;padding:10px 16px;position:relative;top:5vh;width:30vh}.charButton:hover{height:15.5vh;margin:2.5vh;width:31vh}.charButton img{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.monkeyimg{height:19vh}.charBtnContainer{display:flex;justify-content:center;position:absolute;top:40vh}.charHeader{bottom:25vh;font-family:Baloo\ 2,sans-serif;font-size:5vh;font-weight:700;position:absolute}