@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@800&display=swap);.category-container{position:relative;cursor:pointer}.category-container .category-name{position:absolute;bottom:-25px;left:50%;transform:translate(-50%,-50%);z-index:3;color:#fff}.category-container .category-image img{width:268px;height:273px;border-radius:7px;transition:all .3s ease}.category-container .category-image img:hover{transform:scale(1.1)}@media (max-width:498px){.category{margin-top:10rem}}.navbar{background-color:#524171;width:100%;height:6.5rem;display:flex}.navbar .nav-logo img{width:5.5rem;height:5.3rem}.navbar ul{display:flex;justify-content:center;align-items:center}.navbar .hamberger,.navbar .menu-check{display:none}.navbar ul li{list-style:none;margin-right:2rem;transition:all .5s ease}@media (max-width:900px){.navbar ul li{margin-right:1.2rem}}.navbar ul li:last-child{margin-right:1rem}.navbar ul li a{font-size:1.5rem;color:#fff;padding:.1rem 1.2rem;border-radius:.4rem}@media (max-width:900px){.navbar ul li a{font-size:1.5rem}}.navbar ul li a:hover{border-bottom:.1rem solid #fad304}.navbar .display{display:none}.navbar .user-name{font-size:1.8rem}@media (max-width:498px){.navbar{position:relative;max-width:100%}.navbar ul{position:absolute;top:6.5rem;left:0;background-color:#177d86;height:100%;width:100%;display:block;text-align:center;transition:all .5s ease;z-index:1}.navbar ul li:first-child{margin-top:1px}.navbar .getStartedWith{position:absolute;top:6.5rem;left:0;background-color:#177d86;height:100%;width:100%;display:block;text-align:center;transition:all .5s ease;z-index:1}.navbar .getStartedWith li:first-child{margin-top:15px}.navbar .hamberger{display:block;font-size:2rem;color:#fff;position:absolute;right:1rem;top:1.2rem}.navbar .menu-check:checked{transition:all .5s ease}.navbar .menu-check:checked~.hamberger i:before{content:"\f00d";color:#f80101;position:fixed;right:1rem;top:1.5rem;cursor:pointer}.navbar .menu-check:checked~.hamberger i:before~ul{left:0}}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{font-family:"Open Sans",sans-serif}a{text-decoration:none}.selection-container{position:relative}.selection-container .selection-items{position:absolute;top:12rem;left:50%;transform:translate(-50%,-50%);margin-top:9rem}@media (max-width:488px){.selection-container .selection-items{margin-top:14rem}}@media (max-width:488px){.selection-container .selection-items .error2{font-size:20px;margin-top:10rem}}.selection-container .selection-items .nameInput{width:30rem}@media (max-width:488px){.selection-container .selection-items .nameInput{width:22rem}}.selection-container .selection-items .startBtn{background-color:#524171;color:#fff;font-size:large;border:none}.selection-container .selection-items .activeBtn{background-color:#fad304}.quizpage .undone{display:block}.quizpage .rightAnswer{background-color:#07cf00;color:#fff;box-shadow:0 0 1px #000}.quizpage .wrongAnswer{background-color:#e90000;color:#fff;box-shadow:0 0 1px #000}.quizpage .category-score{display:flex;justify-content:space-between}@media (max-width:488px){.quizpage .category-score{margin:auto;flex-direction:column;align-items:center}.quizpage .category-score .category{margin-top:5rem}}.quizpage .optionBtn{background-color:#7a65a1;color:#fff;border:1px solid #fad304;border-radius:.3rem}.quizpage .optionBtn:active{background-color:#524171}.quizpage .inactive{background-color:#ddd;color:#000;border:1px solid #000}.quizpage .quit-next{display:flex;justify-content:space-around}.quizpage .quitBtn{background-color:#bb1e1e;color:#fff;border:1px solid #fad304;border-radius:.3rem;transition:all .3s}.quizpage .quitBtn:hover{background-color:#a80c0c}.quizpage .nextBtn{background-color:#257e25;color:#fff;border:1px solid #fad304;border-radius:.3rem;transition:all .3s}.quizpage .nextBtn:hover{background-color:#044604}@media (max-width:488px){.results .total-score{margin-top:6rem}}.results .certificate{display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #ac7777;margin:0 7rem;border-radius:3px}@media (max-width:974px){.results .certificate{margin:0 1rem}}.results .certificate .certificate-logo{width:5.7rem;height:5.5rem}.results .certificate .congrats{color:#ff4500}.results .certificate .exam-img{width:26rem;height:26rem}@media (max-width:488px){.results .certificate .exam-img{width:20rem;height:20rem}}@media (max-width:1098px){.results .certificate .successfull{margin:0}}.notfound{position:relative}.notfound-img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-size:cover;width:50%}
/*# sourceMappingURL=main.1f95a0e9.chunk.css.map */