@import url(https://fonts.googleapis.com/css2?family=Risque&display=swap);.us{background:linear-gradient(180deg,#212020,#666 26.5%);height:100vh;margin:none;padding:none;position:relative}.us,body{border:none;max-width:100%}body{margin:0;padding:0}.quizpod{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#999 30.5%);background-clip:text;-webkit-background-clip:text;flex-shrink:0;font-size:5rem;font-style:normal;font-weight:600;line-height:100%;margin-left:6rem;margin-top:.1rem;padding:10px}.intro,.quizpod{font-family:Roboto}.intro{color:#fefefe;font-size:2rem;font-weight:400;margin-top:5%;padding:.2rem;position:relative}input{background-color:#f0f0f0;border:2px solid #bd28bd;border-radius:8px;color:#000;font-family:Roboto,sans-serif;font-size:1.5rem;margin:54px;outline:none;padding:10px;transition:border-color .3s,box-shadow .3s}input:focus{border-color:#6a0dad;box-shadow:0 0 8px #bd28bd80}.rect{background:#ffffffb3;filter:blur(120px);height:20rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:35rem;z-index:-1}.white-line{background-color:#fff;border:1px solid #fff8f8;height:2px;margin:4rem;max-width:89%;position:relative;top:2rem;width:100%}button{border-radius:10rem;flex-shrink:0;height:6rem;width:27.125rem}.imagetext{-webkit-text-stroke-width:1;-webkit-text-stroke-color:#fff0f0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fefefe;font-family:Risque;font-size:4rem;font-style:normal;font-weight:400;height:100%;left:5%;line-height:45%;max-width:100%;position:relative;top:2rem;z-index:1}.landingimage{height:41.4%;left:0;left:4%;object-fit:cover;position:absolute;top:0;top:18%;width:87.5%;z-index:0}.subjectdisplay1,.subjectdisplay2{display:flex}.subject{align-content:space-between;font-size:1.8rem;font-style:normal;font-weight:400;height:10%;left:10%;line-height:100%;margin:20px;max-width:100%;padding:5px;position:relative;width:25%}.english{background-image:url(/quizpod/static/media/english.de1a26b91647aba7083f.png)}.english,.maths{background-position:50%;background-size:cover;color:#fefefe}.maths{background-image:url(/quizpod/static/media/maths.b6f5e639c0830031463b.png)}.science{background-image:url(/quizpod/static/media/science.69152ffd1e152dd2eba6.png)}.computer,.science{background-position:50%;background-size:cover;color:#fefefe}.computer{background-image:url(/quizpod/static/media/computer.4732bd190da1ef2c5e88.png)}.gk{background-image:url(/quizpod/static/media/gk.6e8714a27b441eac8ac9.png)}.gk,.sst{background-position:50%;background-size:cover;color:#fefefe}.sst{background-image:url(/quizpod/static/media/sst.cb1a1d6482ace9fb4fc6.png)}.computer:hover,.english:hover,.gk:hover,.maths:hover,.science:hover,.sst:hover{cursor:pointer}.subject:hover{background-color:#00000080;transform:scale(1.05);transition:transform .3s ease-in-out;transition:background-color .3s ease-in-out}.starting{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:.5%;max-width:100%;position:relative}.quizbutton{font-size:1.75rem;height:5rem;margin-top:1.8%;position:relative;width:15rem}.quizbutton:hover{background-color:#6a0dad;border-radius:10rem;color:#fefefe;cursor:pointer;transition:background-color .3s ease-in-out}.mascot{bottom:1%;position:absolute;right:1%}.options{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;margin-left:7.6rem;margin-top:3rem;max-width:100%;position:relative}.options button{background-color:initial;border:none;border-radius:.5rem;font-size:1.5rem;height:3.5rem;text-align:left;width:15rem}.options button:hover{background-color:#6a0dad;border-radius:.5rem;color:#fefefe;cursor:pointer;transition:background-color .3s ease-in-out}.question{margin-left:7.6rem;margin-top:5rem}.Score,.question{color:#fefefe;font-family:Roboto;font-size:2rem}.Score{right:20px;@media (max-width:768px){font-size:1.5rem;left:20px;right:auto}}.Score,canvas{position:absolute;top:20px}canvas{align-items:center;display:flex;justify-content:center;right:150px;@media (max-width:768px){font-size:1.5rem;left:20px;right:auto}background-color:initial}.graph{animation:fadeIn .5s ease-in-out;background-color:#000c;height:90vh;left:0;position:fixed;top:0;width:90vw;z-index:1}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}
/*# sourceMappingURL=main.52c9ed15.css.map*/