@import"https://fonts.googleapis.com/css2?family=Inter&family=Karla:wght@400;700&display=swap";:root{--primary: #293264;--primaryBase: #f5f7fb;--primaryLight: #4d5b9e}*{box-sizing:border-box}body{margin:0;background-color:var(--primaryBase)}.App{display:flex;justify-content:center;width:100vw;height:100vh;font-family:Karla;color:var(--primary);letter-spacing:1.2px;padding:20px 0}.App .blob1{position:fixed;bottom:0;left:0;z-index:-1}.App .blob2{position:fixed;top:0;right:0;z-index:-1}.error--page,.start--page{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;text-align:center}.start--page h1{display:block;font-style:normal;font-weight:700}.start--page p{margin:0 20px 30px;font-family:Inter}.start--page button{background:var(--primaryLight);border-radius:15px;width:190px;height:50px;font-family:Inter;font-weight:500;font-size:16px;color:var(--primaryBase);border:none;cursor:pointer}.config--page{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.config--page label,input,select{display:block;margin:20px;width:250px;font-size:15px;color:var(--primary);border-radius:5px;border:none;outline:none}.config--page label{font-family:Karla;font-style:normal;font-weight:700;font-size:16px}.config--page input,select{font-family:Inter;font-style:normal;font-weight:500;padding:5px}.config--page button{background:var(--primaryLight);margin:10px 0;position:relative;left:30%;border-radius:10px;width:100px;height:40px;font-family:Inter;font-weight:500;font-size:16px;color:var(--primaryBase);border:none;cursor:pointer}.game--page{z-index:1;text-align:center}.question--container{text-align:left;margin:0 25px;border-bottom:.8px solid #dbdef0;padding:20px}.question{margin:0 0 25px}.options-container{display:flex;justify-content:space-around}.option{cursor:pointer;font-family:Inter;font-weight:500;font-size:16px;margin-right:15px;margin-bottom:15px;padding:5px 10px;border-radius:12px;color:var(--primary);border:1px solid var(--primaryLight);background-color:transparent}.selected.option{border:1px solid #d6dbf5;background-color:#d6dbf5}.wrong.option{border:1px solid #f8bcbc;background-color:#f8bcbc}.correct.option{border:1px solid #94d7a2;background-color:#94d7a2}.disabled{opacity:.5}.check--btn{background:var(--primaryLight);margin-top:30px;border-radius:15px;width:160px;height:50px;font-family:Inter;font-weight:700;font-size:16px;color:var(--primaryBase);border:none;cursor:pointer;margin-bottom:20px}