@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);@import url(https://fonts.googleapis.com/css2?family=Righteous&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{color:#084c61;font-family:Righteous,cursive;margin:0 auto;max-width:500px}::-webkit-scrollbar{display:none}li{list-style-type:none}a{color:#ebe8e8;cursor:pointer;font-family:Righteous,cursive;text-decoration:none}@-webkit-keyframes progress-display{0%{opacity:0}to{opacity:1}}@keyframes progress-display{0%{opacity:0}to{opacity:1}}.header,.menu{text-align:center}.menu{height:100%;overflow:hidden;position:relative}.menu .icons{height:100%;object-fit:cover}.menu .icons :first-child{left:-10px;position:absolute;top:120px}.menu .icons :nth-child(2){left:-10px;position:absolute;top:195px}.menu .icons :nth-child(3){left:-10px;position:absolute;top:270px}.menu .icons :nth-child(4){left:-10px;position:absolute;top:345px}.menu .icons :nth-child(5){left:-10px;position:absolute;top:420px}.menu .icons :nth-child(6){left:-10px;position:absolute;top:495px}.menu .icons :nth-child(7){position:absolute;right:-10px;top:120px}.menu .icons :nth-child(8){position:absolute;right:-10px;top:195px}.menu .icons :nth-child(9){position:absolute;right:-10px;top:270px}.menu .icons :nth-child(10){position:absolute;right:-10px;top:345px}.menu .icons :nth-child(11){position:absolute;right:-10px;top:420px}.menu .icons :nth-child(12){position:absolute;right:-10px;top:495px}@media screen and (max-width:400px){.menu .icons img{width:80px}}.menu h2{color:#fff;font-size:2.2em;font-weight:lighter;margin-top:30px}.menu ul{display:flex;flex-direction:column;height:60%;justify-content:space-between;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.menu ul li{background-color:#ffbc42;border:none;border-radius:10px;box-shadow:5px 5px 15px 0 rgba(0,0,0,.9);cursor:pointer;font-family:Righteous,cursive;font-size:1.5em;font-weight:lighter;padding:10px 50px;transition:.5s}.menu ul li a{color:#084c61}.menu ul li:hover{background-color:#5fb6ec;box-shadow:0 5px 0 0 #203a4b;-webkit-transform:translateY(3px);transform:translateY(3px)}.questions{background-color:#ffbc42;height:100vh;overflow:hidden;position:relative}.questions .question{color:#084c61;height:100%;margin-top:20px;position:relative;text-align:center;width:100%}.questions .question .final-container{left:50%;padding:0 20px;position:absolute;top:35%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.questions .question .final-container .end-title{display:flex;flex-direction:column;font-size:2em;font-weight:lighter}.questions .question .final-container .end-title span{-webkit-animation:display-element 2s;animation:display-element 2s;color:#db3a34;font-size:4em}.questions .question .final-container h3{font-size:1.5em;font-weight:lighter}.questions .question .question-header{margin:0 auto;width:80%}.questions .question .question-header .score{font-size:1.2em}.questions .question .question-header .index{bottom:180px;color:#084c61;font-size:1.5em;left:50%;position:absolute;-webkit-transform:translate(-50%);transform:translate(-50%)}.questions .question .question-header .reset-game{border:1px solid #fff;border-radius:50px;cursor:pointer;font-size:1.2em;padding:8px 10px;position:absolute;right:42%;top:0;-webkit-transform:translate(-50%);transform:translate(-50%);transition:.5s}.questions .question .question-header .reset-game:hover{background-color:hsla(0,0%,100%,.199);color:#fff}.questions .question .question-header h2{font-size:1.7em;font-weight:lighter;margin:0 auto;min-width:80%;padding-top:30px}.questions .question .options{align-items:center;display:flex;flex-direction:column;height:70%;left:50%;padding-top:50px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.questions .question .options .answer-btn{background-color:#177e89;border:none;border-radius:10px;box-shadow:5px 5px 15px 0 rgba(0,0,0,.9);color:#fff;cursor:pointer;font-family:Righteous,cursive;font-size:1.5em;font-weight:lighter;height:12%;margin:15px 0;padding:10px 0;transition:.5s;width:70%}.questions .question .options .answer-btn:hover{background-color:#db3a34;-webkit-transform:scale(1.1);transform:scale(1.1)}.questions .question .answer-container{align-items:center;display:flex;flex-direction:column;left:50%;position:absolute;top:40%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.questions .question .answer-container .good-answer{-webkit-animation:display-element 1.5s;animation:display-element 1.5s;color:#2c8d31;font-size:2.3em;margin-bottom:20px}@media screen and (max-width:500px){.questions .question .answer-container .good-answer{font-size:1.7em}}.questions .question .answer-container .bad-answer{-webkit-animation:display-element 1.5s;animation:display-element 1.5s;color:#ff2f0a;font-size:2em;margin-bottom:20px}@media screen and (max-width:500px){.questions .question .answer-container .bad-answer{font-size:1.7em}}.questions .question .answer-container .answer{font-size:1.7em}@media screen and (max-width:500px){.questions .question .answer-container .answer{width:60%}}.questions .question .next-question-btn{background-color:#1d3557;border:2px solid #fff;border-radius:15px;cursor:pointer;height:50px;margin-top:50px;transition:.3s;width:150px}.questions .question .next-question-btn .arrow-btn{color:#fff;font-size:2em;transition:.3s}.questions .question .next-question-btn:hover{background-color:hsla(0,0%,100%,.199);border:2px solid #1d3557;-webkit-transform:scale(1.1);transform:scale(1.1)}.questions .question .next-question-btn:hover .arrow-btn{color:#1d3557}.questions .back-home{background-color:transparent;border:none;bottom:40px;color:#fff;cursor:pointer;font-size:1.9em;height:30px;left:50%;position:absolute;-webkit-transform:translate(-50%);transform:translate(-50%);width:100%}@-webkit-keyframes display-element{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}70%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes display-element{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}70%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes display-element-2{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes display-element-2{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.pics-container{height:100%;left:0;position:absolute;top:10%;width:100%}.pics-container .left-pics,.pics-container .right-pics{display:flex;flex-direction:column;height:40%;justify-content:space-around;left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.pics-container img{display:none;opacity:1;width:80px}@media screen and (max-width:400px){.pics-container img img{width:80px}}.logo-container{display:flex;margin-top:25px;width:100%}.logo-container .logo{margin:0 auto;width:380px}.home{background-color:#177e89;height:100vh;overflow:hidden}
/*# sourceMappingURL=main.9856d964.css.map*/