@import url(https://fonts.googleapis.com/css2?family=Fascinate+Inline&family=Poppins:wght@300;400;500;600;700&display=swap);*,:after,:before{border:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;margin:0;outline:0;padding:0}html{scroll-behavior:smooth}body{background-attachment:fixed;background-image:linear-gradient(100deg,rgba(0,0,0,.65),rgba(0,0,0,.8)),url(/static/media/unsplash-bg.5434608d6d703681ea0c.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;font-family:Poppins,sans-serif;min-height:100vh}h1{-webkit-filter:drop-shadow(4px 2px #1bbaea);filter:drop-shadow(4px 2px #1bbaea);font-family:Fascinate Inline,cursive;font-size:40px;letter-spacing:1px;margin-bottom:10px;text-align:center}.dots{align-items:center;background-color:rgba(106,147,167,.2);display:flex;justify-content:center;margin:0 auto;min-height:100vh}.dots div{-webkit-animation:fade .8s ease-in-out infinite alternate;animation:fade .8s ease-in-out infinite alternate;background-color:#eee;border-radius:50%;-webkit-filter:drop-shadow(0 0 2px #000);filter:drop-shadow(0 0 2px black);height:.8em;margin-left:12px;width:.8em}.dots div:first-of-type{-webkit-animation-delay:-.4s;animation-delay:-.4s}.dots div:nth-of-type(2){-webkit-animation-delay:-.2s;animation-delay:-.2s}@-webkit-keyframes fade{0%{opacity:1}to{opacity:0}}@keyframes fade{0%{opacity:1}to{opacity:0}}.homeForm{align-items:center;background-color:rgba(106,147,167,.2);display:flex;justify-content:center;min-height:100vh}.homeForm p{font-weight:500;margin:0 0 20px 5px}.homeForm p span{color:red}.homeForm form{background-color:#eee;border-radius:20px;display:flex;flex-direction:column;justify-content:center;margin:auto;padding:15px;width:400px}.homeForm form label{font-weight:600;margin:0 0 5px 5px}.homeForm form input,.homeForm form select{background-color:#fff;border-radius:5px;color:#000;font-size:15px;font-weight:500;margin-bottom:30px;margin-left:5px;padding:8px}.homeForm .startButton{background:linear-gradient(180deg,#f1e4e4,#ce811d);border:2px solid #635544;border-radius:15px;box-shadow:5px 5px 8px rgba(0,0,0,.5);color:#000;cursor:pointer;font-size:16px;font-weight:600;margin:0 auto;padding:10px 40px;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.cardContainer{align-items:center;background-color:rgba(106,147,167,.2);display:flex;justify-content:center;min-height:100vh}.cardContainer .cards{background-color:#eee;border-radius:20px;display:flex;flex-direction:column;justify-content:center;margin:auto;padding:15px;width:400px}.cardContainer .cards h4{font-size:20px;font-weight:600;text-align:center}.cardContainer .cards p{font-size:18px;margin-bottom:20px;margin-top:10px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.cardContainer .cards .answersButtons :hover{opacity:.8}.cardContainer .cards .answersButtons button{border-radius:15px;box-shadow:-6px 8px 6px rgba(0,0,0,.678);color:#000;cursor:pointer;font-size:18px;font-weight:500;margin:10px 0;padding:6px 10px;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}.cardContainer .cards .answersButtons .correctAns{background:#90ee90;border:2px solid #008a00}.cardContainer .cards .answersButtons .wrongAns{background:#ee5a5a;border:2px solid #ff2525}.cardContainer .cards .answersButtons .anyAns{-webkit-animation:fadeInDown;animation:fadeInDown;-webkit-animation-duration:2s;animation-duration:2s;background:#b6fff6;border:2px solid #ec6837}.cardContainer .cards .nextButton{background:linear-gradient(180deg,#f1e4e4,#ce811d);border:2px solid #635544;border-radius:15px;box-shadow:5px 5px 8px rgba(0,0,0,.5);color:#000;cursor:pointer;font-size:16px;font-weight:600;margin:20px auto 10px;padding:10px 40px;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.cardContainer .cards .gameoverButtonsContainer{align-items:center;display:flex;flex-direction:column}.cardContainer .cards .gameoverButtonsContainer .showResultsButton{background:linear-gradient(180deg,#f1e4e4,#ce811d);background:#1bbaea;border:2px solid #635544;border-radius:15px;box-shadow:5px 5px 8px rgba(0,0,0,.5);color:#000;cursor:pointer;font-size:16px;font-weight:600;margin:10px 0 15px;padding:10px 40px;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.resContainer{background-color:rgba(106,147,167,.2);color:#f5f5f5;display:flex;flex-direction:column;min-height:100vh;padding:0 1.5rem 1.5rem}.resContainer .topContainer{align-items:center;display:flex;flex-direction:column;justify-content:center}.resContainer .topContainer h4{font-size:1.5rem;padding:1rem 0;text-shadow:#000 0 0 2px}.resContainer .topContainer .resetQuizButton{background:linear-gradient(180deg,#f1e4e4,#ce811d);border:2px solid #635544;border-radius:15px;box-shadow:5px 5px 8px rgba(0,0,0,.5);color:#000;cursor:pointer;font-size:16px;font-weight:600;margin:30px auto 20px;padding:10px 40px;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.resContainer .topContainer .resetQuizButton a{color:#000;text-decoration:none}.resContainer .ansContainer{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));justify-items:center;padding:0 1.5rem 1.5rem}.resContainer .ansContainer .eachDiv{background-color:#eee;border-radius:.5rem;display:flex;justify-content:center;padding:1rem .75rem;width:100%}.resContainer .ansContainer .eachDiv .oneLine p{font-size:1.125rem}.resContainer .ansContainer .eachDiv .oneLine p span{color:#000;padding-left:.5rem}.resContainer .ansContainer .eachDiv .oneLine .scoreOne{color:#006e28}.resContainer .ansContainer .eachDiv .oneLine .scoreZero{color:#d11717}.resContainer .ansContainer .eachDiv .oneLine div{align-items:flex-end;display:grid;justify-content:center}.resContainer .ansContainer .eachDiv .oneLine div button{border-radius:10px;box-shadow:-4px 4px 4px rgba(0,0,0,.5);color:#000;font-family:Poppins,sans-serif;font-size:1rem;margin-bottom:.75rem;min-width:200px;padding:.5rem 1rem}.resContainer .ansContainer .eachDiv .oneLine div button:last-of-type{margin:0}.resContainer .ansContainer .eachDiv .oneLine div button:first-of-type{margin:.75rem 0}.resContainer .ansContainer .eachDiv .oneLine div .anyResBtn{background:#b6fff6;border:2px solid #ec6837}.resContainer .ansContainer .eachDiv .oneLine div .correctResBtn{background:#90ee90;border:2px solid #008a00}.resContainer .ansContainer .eachDiv .oneLine div .wrongResBtn{background:#f08080;border:2px solid #ff2525}.resetQuizButton{background:linear-gradient(180deg,#f1e4e4,#ce811d);border:2px solid #635544;border-radius:15px;box-shadow:5px 5px 8px rgba(0,0,0,.5);color:#000;cursor:pointer;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;margin:0 auto;padding:10px 40px;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.resetQuizButton a{color:#000;text-decoration:none}@media screen and (max-width:425px){.cardContainer .cards,.homeForm form{width:360px}.resContainer{padding:0 0 1.5rem}}@media screen and (max-width:375px){.homeForm form{padding:10px}.cardContainer .cards,.homeForm form{margin:30px auto;width:320px}}@media screen and (max-width:335px){.cardContainer .cards,.homeForm form{width:300px}}@media screen and (max-width:315px){.cardContainer .cards,.homeForm form{width:270px}.ansContainer{padding:0 .5rem 1rem!important}}@media screen and (max-width:280px){.cardContainer .cards,.homeForm form{width:250px}}@media screen and (max-width:1440px) and (max-height:600px){.homeForm form{margin:25px auto}}
/*# sourceMappingURL=main.5af40b50.css.map*/