@import url(https://fonts.googleapis.com/css2?family=Quicksand&display=swap);div i{font-size:5rem;color:#fff;margin:2rem 0 0}#home{-webkit-justify-content:center;justify-content:center;height:100vh}#home,#home section{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column}#home section{background-color:#112240;height:50%;width:24%;-webkit-justify-content:space-evenly;justify-content:space-evenly;border:1px solid;border-image-slice:1;border-image-source:linear-gradient(.6turn,transparent,#64ffda);box-shadow:10px 10px 20px rgba(19,19,19,.308)}#home h1{color:#64ffda;font-size:2rem}#home .play-btn-container li{background-color:#64ffda;padding:.7rem 5rem;font-size:1.3rem;border-radius:5px;color:#0a192f;font-weight:700;box-shadow:0 0 5px rgba(10,248,216,.603);margin-bottom:1rem}#home .play-btn-container li:hover{transition:all .2s linear;box-shadow:0 0 10px rgba(10,248,216,.603)}#home .social-container{display:-webkit-flex;display:flex;-webkit-justify-content:space-evenly;justify-content:space-evenly;width:100%}#home .social-container .instagram-btn i,#home .social-container .linkedin-btn i{color:#64ffda;padding:.5rem 2rem;margin:1rem 0 1.5rem;font-size:2rem}.footer{text-align:center;font-size:1.5rem;bottom:0;position:absolute}@media only screen and (max-width:768px){#home section{width:85%;height:50%}}.instructions-container{color:#64ffda;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;text-align:center}.instructions-container ul{width:60%}.instructions-container ul .image{width:100%;-webkit-justify-content:center;justify-content:center;display:-webkit-flex;display:flex}.instructions-container h2{font-weight:700}.instructions-container p{font-size:1.5rem;margin:0 1rem 2rem}.instructions-container li{margin:1rem;font-size:1.3rem;text-align:left}.instructions-container li i{font-size:inherit;margin:0 1rem}.instructions-container li:before{content:"\f0a4";font-family:FontAwesome;margin:0 1rem 0 0}.instructions-container li i{color:#ff6363}.instructions-container .bottom-btn{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;width:100%;margin:2rem 0}.instructions-container .left a,.instructions-container .right a{font-size:1.3rem;color:#ffafcc;padding:.5rem 1rem;border-radius:5px;border:1px solid #ffafcc}@media only screen and (max-width:768px){.instructions-container ul{width:100%}.instructions-container ul .image{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;height:13rem}.instructions-container li{font-size:1rem}}.questions{color:#fff;-webkit-justify-content:center;justify-content:center;height:100vh;width:100vw}.questions,.questions section{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.questions section{background-color:#112240;height:70%;width:80%;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-flex-direction:column;flex-direction:column}.questions i{font-size:1.5rem;margin:0 .5rem 0 0}.questions .timer-container p{font-size:2rem;-webkit-animation:blink 1s linear infinite;animation:blink 1s linear infinite}@-webkit-keyframes blink{0%{opacity:1}50%{opacity:.5}to{opacity:0}}@keyframes blink{0%{opacity:1}50%{opacity:.5}to{opacity:0}}.questions .quiz-top-container{width:100%;-webkit-align-items:center;align-items:center;padding:0 3rem}.questions .lifeline-container,.questions .quiz-top-container{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.questions .lifeline-container{color:#ff6363}.questions .lifeline-container p{margin:0 1rem 0 0;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.questions .lifeline-container i{cursor:pointer;color:#ff6363}.questions #question{background-color:#64ffda;width:90%;padding:1rem;color:#0a192f;font-weight:700;text-align:center;border-radius:2px}.questions .quiz-options-container{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;width:90%}.questions .quiz-options-container p{-webkit-flex:33% 1;flex:33% 1}.questions .quiz-options-container .option{border:2px solid #64ffda;padding:.5rem 2rem;box-shadow:0 0 5px rgba(10,248,216,.603);margin:1rem 3rem;text-align:center;font-size:1.3rem}.questions .quiz-options-container .option:active{-webkit-transform:scale(.98);transform:scale(.98)}.questions .btn-container{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;width:100%;padding:0 3rem}.questions .btn-container button{background-color:transparent;outline:none;border:none}.questions .btn-container #quit-btn{color:#ffafcc;font-size:1.5rem;opacity:.5;cursor:pointer}.questions .btn-container #next-btn,.questions .btn-container #previous-btn{margin:0 2rem;border-radius:30px;padding:.8rem .9rem;box-shadow:0 0 5px hsla(0,0%,92.2%,.6980392156862745);cursor:pointer}.questions .btn-container #next-btn:active,.questions .btn-container #previous-btn:active,.questions .btn-container #quit-btn:active{-webkit-transform:scale(.98);transform:scale(.98)}.questions .btn-container #next-btn i,.questions .btn-container #previous-btn i{color:#fff;margin-right:0}@media only screen and (min-device-width:1024px){.questions .quiz-options-container .option:hover{background-color:#64ffda;color:#0a192f;font-weight:700;transition:all .2s linear;cursor:pointer}.btn-container #quit-btn:hover{opacity:1;transition:all .2s linear}}@media only screen and (max-width:768px){.questions section{height:100%;width:100%}.questions .btn-container{padding:0 1rem}.questions .btn-container #next-btn,.questions .btn-container #previous-btn{margin:0 1rem}.questions .btn-container #quit-btn{opacity:1}.questions .btn-container button:focus{-webkit-tap-highlight-color:transparent}}.stats{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;height:100vh;width:100vw}.result-container{background-color:rgba(0,183,255,.23137254901960785);width:70%;height:85%;text-align:center}.result-container h2{color:#a7d129}.result-container .result-data{border:1px solid #fff;padding:1rem 2rem;box-shadow:inset 0 0 5px rgba(10,248,22,.603)}.result-container .result-data div{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin:.5rem 0}.result-container ul{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;margin-top:2rem}.result-container ul li a{color:#112240;font-weight:700;border-radius:5px;border:1px solid #64ffda;padding:.5rem 1rem;background-color:#64ffda;font-size:1.2rem}div{color:#fff}@media only screen and (max-width:768px){.result-container{width:100%;height:100%}.result-container h2{font-size:2.5rem}.result-container .result-data{margin-bottom:5rem}}*{padding:0;margin:0;box-sizing:border-box}body{background-color:#0a192f;font-family:"Quicksand",sans-serif}li{list-style-type:none}a{text-decoration:none}.toast-invalid{background-color:#f44336}.toast-invalid,.toast-valid{border-radius:5px;color:#fff}.toast-valid{background-color:#4caf50}.disable{pointer-events:none;opacity:.5;box-shadow:none}
/*# sourceMappingURL=main.77a7722f.chunk.css.map */