body{padding:0;margin:0;font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f172a;background-image:url(./images/noise-bg.png);overflow-x:hidden}*,*:hover{cursor:none}body::-webkit-scrollbar{width:.5em}body::-webkit-scrollbar-track{box-shadow:inset 2px 2px #0000004d}body::-webkit-scrollbar-thumb{background-color:#00c6bf;border-radius:5px}a{all:unset}.cursor-dot,.cursor-dot-outline{pointer-events:none;position:absolute;top:50%;left:50%;border-radius:50%;opacity:0;transform:translate(-50%,-50%);transition:opacity .3s ease-in-out,transform .3s ease-in-out}.cursor-dot{width:12px;height:12px;background-color:#ffc800}.cursor-dot-outline{width:36px;height:36px;background-color:#ffe27a66}.question{margin:10px 0;color:#fff;font-family:karla,Montserrat,sans-serif;font-weight:700;font-size:20px;padding-top:0;padding-bottom:15px;transition:all .5s linear}.questionSection{max-width:80vw;margin:auto}.option{display:flex;font-family:Inter,Montserrat,sans-serif;font-weight:500;font-size:10px;flex-wrap:wrap;justify-content:space-between;color:#fff;padding-top:15px;padding-bottom:25px}.op0,.op1,.op2,.op3{background:#0f172a;border:2px solid #01aca6;min-width:100px;border-radius:22px;padding:5px 10px;font-size:15px;font-weight:500;text-align:center}.op0:hover,.op1:hover,.op2:hover,.op3:hover{border:2px solid red}.selected-option{border:2px solid red;min-width:100px;border-radius:22px;padding:5px 10px;font-size:15px;font-weight:500;text-align:center}.quizPage{display:flex;flex-direction:column;align-items:center;overflow-x:hidden}.quiz-p1{margin-top:60px}.quiz-p1.blur{filter:blur(2px)}.check-answer{width:160px;height:40px;margin-top:80px;margin-bottom:100px;font-size:20px;font-family:karla;font-weight:600;color:#0f172a;background:linear-gradient(-45deg,#ffa63d,#ff3d77,#338aff,#3cf0c5);background-size:300% 300%;animation:changeBg 4s linear infinite;border:0px;border-radius:10px;cursor:pointer}.check-answer:hover{color:#fff;animation:changeBg 1s ease infinite}@keyframes changeBg{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.header{color:#fff;text-shadow:4px 0px 0px #00C6BF;width:100vw;font-family:unbounded;font-size:55px;font-weight:500;letter-spacing:1px;text-align:center;padding:20px}.header:after{content:"";position:absolute;width:80%;height:2%;background:transparent;top:10%;left:10%;box-shadow:0 2px #00c6bf;z-index:-1}.header>button{transition:all .25s linear}.header>button:hover{text-shadow:3px 0px 0px red;box-shadow:4px 0 orange,-4px 0 orange}.rights{width:100%;text-align:center;background-color:#00c6bf;color:#0f172a;font-family:unbounded;font-weight:400;margin-bottom:10px}.loadingScreen{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:0}#lottie-container{width:300px;height:300px;top:50%;left:50%}@media only screen and (max-width: 850px){.header{padding:5px}.header:after{top:15%}}.quizcat{display:flex;justify-content:space-between;align-items:center}.catElement{border:2px solid red;width:150px;height:30px;font-size:23px;text-align:center;padding:10px;color:#fff;font-family:unbounded;font-weight:600;margin:20px 20px 0}.catElement:hover{border:2px solid #00C6BF}.select-catElement{border:2px solid #00C6BF;width:150px;height:30px;font-size:23px;text-align:center;padding:10px;color:#fff;font-family:unbounded;font-weight:600;margin:20px 20px 0}@keyframes firework{0%{transform:translate(var(--x),var(--initialY));width:var(--initialSize);opacity:1}50%{width:.5vmin;opacity:1}to{width:var(--finalSize);opacity:0}}.firework,.firework:before,.firework:after{--initialSize: 1vmin;--finalSize: 90vmin;--particleSize: .4vmin;--color1: yellow;--color2: khaki;--color3: white;--color4: lime;--color5: gold;--color6: mediumseagreen;--y: -30vmin;--x: -50%;--initialY: 60vmin;content:"";animation:firework 1.5s ease-in infinite;position:absolute;top:50%;left:50%;z-index:-1;transform:translate(-50%,var(--y));width:var(--initialSize);aspect-ratio:1;background:radial-gradient(circle,var(--color1) var(--particleSize),#0000 0) 50% 0%,radial-gradient(circle,var(--color2) var(--particleSize),#0000 0) 100% 50%,radial-gradient(circle,var(--color3) var(--particleSize),#0000 0) 50% 100%,radial-gradient(circle,var(--color4) var(--particleSize),#0000 0) 0% 50%,radial-gradient(circle,var(--color5) var(--particleSize),#0000 0) 80% 90%,radial-gradient(circle,var(--color6) var(--particleSize),#0000 0) 95% 90%,radial-gradient(circle,var(--color1) var(--particleSize),#0000 0) 90% 70%,radial-gradient(circle,var(--color2) var(--particleSize),#0000 0) 100% 60%,radial-gradient(circle,var(--color3) var(--particleSize),#0000 0) 55% 80%,radial-gradient(circle,var(--color4) var(--particleSize),#0000 0) 70% 77%,radial-gradient(circle,var(--color5) var(--particleSize),#0000 0) 22% 90%,radial-gradient(circle,var(--color6) var(--particleSize),#0000 0) 45% 90%,radial-gradient(circle,var(--color1) var(--particleSize),#0000 0) 33% 70%,radial-gradient(circle,var(--color2) var(--particleSize),#0000 0) 10% 60%,radial-gradient(circle,var(--color3) var(--particleSize),#0000 0) 31% 80%,radial-gradient(circle,var(--color4) var(--particleSize),#0000 0) 28% 77%,radial-gradient(circle,var(--color5) var(--particleSize),#0000 0) 13% 72%,radial-gradient(circle,var(--color6) var(--particleSize),#0000 0) 80% 10%,radial-gradient(circle,var(--color1) var(--particleSize),#0000 0) 95% 14%,radial-gradient(circle,var(--color2) var(--particleSize),#0000 0) 90% 23%,radial-gradient(circle,var(--color3) var(--particleSize),#0000 0) 100% 43%,radial-gradient(circle,var(--color4) var(--particleSize),#0000 0) 85% 27%,radial-gradient(circle,var(--color5) var(--particleSize),#0000 0) 77% 37%,radial-gradient(circle,var(--color6) var(--particleSize),#0000 0) 60% 7%,radial-gradient(circle,var(--color1) var(--particleSize),#0000 0) 22% 14%,radial-gradient(circle,var(--color1) var(--particleSize),#0000 0) 45% 20%,radial-gradient(circle,var(--color1) var(--particleSize),#0000 0) 33% 34%,radial-gradient(circle,var(--color1) var(--particleSize),#0000 0) 10% 29%,radial-gradient(circle,var(--color1) var(--particleSize),#0000 0) 31% 37%,radial-gradient(circle,var(--color1) var(--particleSize),#0000 0) 28% 7%,radial-gradient(circle,var(--color1) var(--particleSize),#0000 0) 13% 42%;background-size:var(--initialSize) var(--initialSize);background-repeat:no-repeat}.firework:before{--x: -50%;--y: -50%;--initialY: -50%;transform:translate(-50%,-50%) rotate(40deg) scale(1.3) rotateY(40deg)}.firework:after{--x: -50%;--y: -50%;--initialY: -50%;transform:translate(-50%,-50%) rotate(170deg) scale(1.15) rotateY(-30deg)}.firework:nth-child(2){--x: 30vmin}.firework:nth-child(2),.firework:nth-child(2):before,.firework:nth-child(2):after{--color1: pink;--color2: violet;--color3: fuchsia;--color4: orchid;--color5: plum;--color6: lavender;--finalSize: 40vmin;left:30%;top:60%;animation-delay:-.25s}.firework:nth-child(3){--x: -30vmin;--y: -50vmin}.firework:nth-child(3),.firework:nth-child(3):before,.firework:nth-child(3):after{--color1: cyan;--color2: lightcyan;--color3: lightblue;--color4: PaleTurquoise;--color5: SkyBlue;--color6: lavender;--finalSize: 55vmin;left:70%;top:60%;animation-delay:-.4s}.firework:nth-child(4){--x: -60vmin;--y: -60vmin}.firework:nth-child(4),.firework:nth-child(4):before,.firework:nth-child(4):after{--color1: #ef476f;--color2: #f78c6b;--color3: #ffd166;--color4: #06d6a0;--color5: #118ab2;--color6: #073b4c;--finalSize: 45vmin;left:40%;top:80%;animation-delay:-.5s}.firework:nth-child(5){--x: -80vmin;--y: -80vmin}.firework:nth-child(5),.firework:nth-child(5):before,.firework:nth-child(5):after{--color1: #d0ef47;--color2: #6bbff7;--color3: #ff6666;--color4: #6706d6;--color5: #3411b2;--color6: #074c18;--finalSize: 65vmin;left:70%;top:70%;animation-delay:-.5s}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:0}.modal-content{position:fixed;width:30vw;height:20vh;padding:10px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;box-shadow:0 5px 30px #0000004d;background-color:#000;border:2px solid red;border-radius:10px}.modal-content>h2{color:#fff;font-family:karla,Montserrat,sans-serif;font-weight:700;font-size:20px}.playAgain{width:fit-content;height:fit-content;padding:10px 20px;margin:0 10px;font-size:20px;font-family:karla;font-weight:600;color:#0f172a;background-image:linear-gradient(-45deg,#338aff,#3cf0c5);border:0px;border-radius:10px}.modal-buttons{display:flex;justify-content:center;align-items:center}@media only screen and (max-width: 600px){.modal-content{width:80vw;height:20vh}.playAgain{font-size:18px}}.nfound{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.notfound-pic{width:50vw}.notfound-404{font-family:unbounded;font-size:4vh;font-weight:600;color:red}