.app{background-color:#020230;color:#fff;height:100vh}.app,.main{display:flex}.main{background:linear-gradient(180deg,transparent,#020230),url(/JSCHackathon2022/static/media/space_back.54d317aeb2e37c8d3683.jpeg) 50%;flex-direction:column;width:50%}.topMain{height:25%;position:relative}.timerMain{align-items:center;border:10px solid teal;border-radius:50%;bottom:10px;display:flex;font-size:50px;font-weight:100px;height:100px;justify-content:center;left:100px;position:absolute;width:100px}.bottomMain{height:75%}.trivia{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-around}.question{background:linear-gradient(#2e4053,#020f47);border:2px solid teal;border-radius:30px;font-size:30px;padding:20px;text-align:center;width:80%}.answers{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;width:100%}.answer{background:linear-gradient(#2e4053,#020f47);border:2px solid teal;border-radius:20px;cursor:pointer;font-size:20px;font-weight:300;margin:0 10px 30px;padding:20px;text-align:center;width:40%}.answer.active,.answer:hover{background:#020f47}.answer.correct{-webkit-animation:correct 3s ease forwards;animation:correct 3s ease forwards}@-webkit-keyframes correct{0%,22%,42%{background:#020f47}20%,40%,60%{background:#2e4053}62%,to{background:teal}}@keyframes correct{0%,22%,42%{background:#020f47}20%,40%,60%{background:#2e4053}62%,to{background:teal}}.answer.wrong{-webkit-animation:wrong 3s ease forwards;animation:wrong 3s ease forwards}@-webkit-keyframes wrong{0%,22%,42%{background:#020f47}20%,40%,60%{background:#2e4053}62%,to{background:#cf0000}}@keyframes wrong{0%,22%,42%{background:#020f47}20%,40%,60%{background:#2e4053}62%,to{background:#cf0000}}.rocket{background:linear-gradient(180deg,transparent,#020230),url(/JSCHackathon2022/static/media/moon2.6f117b4ed32d36314836.png) 50%;display:flex;flex-direction:column;width:25%}.topRocket{height:25%;position:relative}.bottomRocket{height:75%}.pyramid{align-items:center;display:flex;justify-content:center;width:25%}.levelList{list-style:none;padding:20px;width:100%}.levelListItem{align-items:center;border-radius:15px;display:flex;padding:25px}.levelListItem.active{background-color:teal}.levelListItemNumber{font-size:20px;font-weight:100;width:30%}.levelListItemAmount{font-size:22px;font-weight:300}.endText{text-align:center}.endText,.start{bottom:0;display:flex;left:0;margin:auto;position:relative;right:0;top:0}.start{align-items:center;flex-direction:column;height:100px;justify-content:space-around;width:350px}.startInput{border:5px solid teal;border-radius:30px;font-size:18px;height:30px;text-align:center;width:100%}.startInput:focus{outline:none}.startButton{border:none;border-radius:5px;cursor:pointer;font-size:18px;font-weight:500;height:30px;margin-top:20px;width:50%}.rockVid{align-items:flex-start;display:flex;justify-content:center;margin-top:0;width:100%}.title{align-items:center;flex:display 1;font-size:50px;padding:20px;text-align:center;width:100%}
/*# sourceMappingURL=main.b7d2ff29.css.map*/