body{background-color:#2f3d52;color:#fff;font-family:Rubik;font-weight:100;z-index:1}*,body{margin:0;padding:0}*{letter-spacing:1.5px}.pattern-overlay{height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:1}.pattern-overlay img{display:block;height:100%;object-fit:cover;opacity:1;width:100%;z-index:1}button:active{border:2px solid #a729f5}@media (max-width:600px){.pattern-overlay{z-index:1}}.container{display:flex;flex-direction:row;margin-left:3%;margin-right:5%;margin-top:12%;z-index:2}.topic{flex-direction:column;left:60%;position:relative}.topic,.topic button{display:flex;font-family:Rubik}.topic button{align-items:center;background-color:#3b4d66;border:1px solid #0000;border-radius:16px;color:#fff;flex-direction:row;font-weight:800;height:70px;margin-bottom:4%;padding:3px;width:380px}.topic button:hover{border:2px solid #a729f5}.topic button:hover img{transform:scale(1.1)}.topic img{background-color:#fff;border-radius:10%;height:40px;margin-left:10px;object-fit:contain;padding:5px 8px;width:40px}.topic span{font-size:20px;margin-left:6%}.Home{left:10%;position:absolute;width:40%}.Home h1{font-family:Rubik;font-size:45px;font-weight:100;width:80%}.Home span{font-weight:1000}@font-face{font-family:Rubik-Italic;font-style:normal;font-weight:100;src:url(/FrontEndQuizApp/static/media/Rubik-Italic-VariableFont_wght.d83d9d961a7aaca406c2.ttf) format("truetype")}@font-face{font-family:Rubik;font-style:normal;font-weight:100;src:url(/FrontEndQuizApp/static/media/Rubik-VariableFont_wght.3a4acc0356c6ea73f2c3.ttf) format("truetype")}.Home p{color:#abc1e1;font-family:Rubik-Italic;font-size:14px;margin-top:5%}*{box-sizing:border-box;font-family:Rubik}@media (max-width:600px){.container{align-items:center;flex-direction:column;margin:20% 5% 5%}.Home{left:0;position:relative;text-align:center;width:100%}.Home h1{font-size:28px;width:100%}.Home p{font-size:12px}.topic{align-items:center;left:0;margin-top:60px;position:relative;width:100%}.topic button{height:20%;max-width:400px;width:90%}.topic img{height:40px;width:40px}.topic span{font-size:16px}}*,.title{z-index:2}.title{display:flex;flex-direction:row;margin-left:10%;margin-top:3%;position:relative}.title img{background-color:#fff;border-radius:12%;height:38px;object-fit:contain;padding:3px;width:36px}.title span{font-family:Rubik;font-size:20px;font-weight:700;margin-top:auto;padding:5px 20px;position:relative}.score-page{display:flex;flex-direction:row;margin-left:3%;margin-right:5%;margin-top:4%}.score-display{align-items:center;display:flex;flex-direction:column;left:60%;position:relative}.message{font-size:40px;left:10%;position:absolute;width:40%}.message p:nth-of-type(2){-webkit-text-stroke:1px;font-weight:1000}.scorebox{align-items:center;background-color:#3b4d66;border-radius:16px;display:flex;flex-direction:column;height:250px;justify-items:center;width:380px}.score-display button{background-color:#a729f5;border:1px solid #0000;border-radius:16px;color:#fff;font-family:Rubik;font-size:larger;font-weight:1000;height:60px;margin-top:6%;width:380px}.score-display button:hover{background-color:#d294f8;cursor:pointer}.scoretitle{align-items:center;display:flex;flex-direction:row;justify-items:center;margin-top:10%}.scoretitle span{font-family:Rubik;font-size:20px;font-weight:700;margin-left:10%}.scoretitle img{background-color:#fff;border-radius:12%;height:38px;object-fit:contain;padding:3px;width:36px}.scorebox p:first-of-type{-webkit-text-stroke:2px;font-size:100px;font-weight:1000;padding:2% 0}.scorebox p:nth-of-type(2){color:#abc1e1;font-weight:500}@media (max-width:600px){.score-page{align-items:center;flex-direction:column;justify-content:center;margin-top:10%}.title{z-index:2}.message{text-align:center}.message,.score-display{left:0;position:relative;width:100%}.score-display{align-items:center;margin-top:60px}.score-display button{height:50px;width:90%}.scorebox{height:250px;width:300px}}.return{background-color:#626c7f;border:1px solid #0000;border-radius:12px;color:#27024d;font-family:Rubik;font-size:20px;font-weight:1000;height:40px;margin-left:10%;position:relative;top:-70px;width:20%}.return:hover{background-color:#2a3548;color:#fff;cursor:pointer}@media (max-width:600px){.return{margin-left:15%;top:25px;width:70%}}
/*# sourceMappingURL=main.53fa86a6.css.map*/