.bottom{bottom:0%;left:0%;transform:translate(-50%,50%) rotate(0)}.top{top:0%;right:0%;transform:translate(50%,-50%) rotate(0)}.bubble-container{position:absolute;display:flex;align-items:center;padding:100px;background-color:#f5f7fb;fill:blur(10px) contrast(15)}.bubble-container .bg{width:60vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bubble{width:50px;aspect-ratio:1/1;border-radius:50%}.bubble:not(.bg){-webkit-animation:pulse 2s linear infinite;animation:pulse 2s linear infinite}.spin-left{-webkit-animation:orbit 23s linear infinite;animation:orbit 23s linear infinite;position:absolute;top:0%;right:40%}.spin-right-1{animation:orbit 27s linear infinite reverse;position:absolute;top:10%;right:10%}.spin-right-1 .bubble{width:3vw}.spin-right-2{animation:orbit 17s linear 3s infinite reverse;position:absolute;top:30%;left:20%}@-webkit-keyframes orbit{0%{transform:rotate(0) translate(35vw)}to{transform:rotate(360deg) translate(35vw)}}@keyframes orbit{0%{transform:rotate(0) translate(35vw)}to{transform:rotate(360deg) translate(35vw)}}@-webkit-keyframes rotate{0%{transform:rotate(0) translate(-50%,-50%)}to{transform:rotate(360deg) translate(-50%,-50%)}}@keyframes rotate{0%{transform:rotate(0) translate(-50%,-50%)}to{transform:rotate(360deg) translate(-50%,-50%)}}@-webkit-keyframes pulse{0%{transform:scale(1)}25%{transform:scale(.8)}50%{transform:scale(1)}75%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes pulse{0%{transform:scale(1)}25%{transform:scale(.8)}50%{transform:scale(1)}75%{transform:scale(1.1)}to{transform:scale(1)}}*{box-sizing:border-box;margin:0;padding:0}body{width:100vw;height:100vh;font-family:Inter,sans-serif;overflow:hidden}.karla{font-family:Karla,sans-serif}#root{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:100%;background-color:#f5f7fb;position:relative}.start-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;z-index:2}.start-screen>*:not(.button){color:#293264;text-align:center}.start-screen .heading{font-family:Karla,sans-serif;font-size:2rem;font-weight:700}.start-screen .description{width:max(50vw,20rem)}.start-screen .top-blob{position:absolute;top:0;right:0}.start-screen .bottom-blob{position:absolute;bottom:0;left:0}.gameplay-screen{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.75rem;width:80vw}.gameplay-screen .button{align-self:center}.gameplay-screen .top-blob{position:absolute;top:-5%;right:-5%;z-index:1}.gameplay-screen .bottom-blob{position:absolute;bottom:0;left:0;transform:translate(-50%,50%);z-index:1}.question{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.75rem;width:100%;font-weight:700;z-index:2}.question>*:not(.button){color:#293264}.question .text{font-family:Karla,sans-serif}.question .answers{list-style-type:none;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.75rem;width:100%}.question .answers .option{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:.4rem 1.2rem;background-color:#f5f7fb;border:1px solid #4D5B9E;border-radius:.5rem;font-size:.7rem;font-weight:500;cursor:pointer;text-align:center}.question .answers .selected{background-color:#d6dbf5}.question .answers .correct{background-color:#94d7a2;border-color:#94d7a2}.question .answers .incorrect{background-color:#f8bcbc;border-color:#f8bcbc}.question .answers .opaque{opacity:.7}.question hr{width:100%;border:.794239px solid #DBDEF0}.no-user-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.settings{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:1rem}select{margin-left:.5rem;border-color:#4d5b9e;color:#293264;font-size:1rem;height:1.5rem;text-indent:.2rem}option:checked{background-color:#4d5b9e;color:#f5f7fb}.row{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1.5rem}.row p{font-size:.8rem;font-weight:700;color:#293264}.button{background-color:#4d5b9e;width:7.5rem;height:2.2rem;border:0;border-radius:.6rem;font-weight:500;color:#f5f7fb;text-align:center;cursor:pointer}.button:active{box-shadow:inset 0 0 1rem #293264}.button.bg{width:12rem;height:3.2rem;border-radius:1rem}.button.sm{width:6.5rem;height:1.9rem}.button-back{width:2.2rem;height:2.2rem;border-radius:50%;position:absolute;top:2.2rem;left:2.2rem;transform:translate(-50%,-50%)}.button-back i{font-size:1rem}