.main{text-align:center;color:#fff}.h2{margin-bottom:0}.start-button{background-color:#b39ddb;color:#fff;border:1px solid #000;font-weight:700;text-align:center;text-decoration:none;width:288px;height:60px;transition:background-color .3s ease;border-radius:8px;cursor:pointer;font-size:1.2em;padding:.6em 1.2em;margin:.5rem auto}.start-button:hover{background-color:#9575cd;transition:.5s;font-size:1.25em}.general-button{background-color:#b39ddb;color:#fff;border:1px solid #000;font-weight:700;text-decoration:none;width:288px;height:60px;transition:background-color .3s ease;border-radius:8px;cursor:pointer;font-size:1.2em;padding:.6em 1.2em;margin:.5rem}.general-button:hover{background-color:#9575cd;transition:.5s;font-size:1.25em}.button-pressed{background-color:#9575cd}.article-question{justify-self:center;margin:0 8px 8px;width:fit-content}.p-question{text-align:center;border:1px solid #000;border-radius:8px;padding:8px;margin:0;font-weight:800;background-color:#b39ddb;color:#fff}.article-answer-buttons{margin:8px;text-align:center}.button-content{background-color:#b39ddb;color:#fff;border:1px solid #000;font-weight:700;text-align:center;text-decoration:none;width:288px;height:60px;transition:background-color .3s ease;border-radius:8px;cursor:pointer;font-size:1.2em;padding:.6em 1.2em;margin:.5rem}.button-content.hoverEnabled:hover{background-color:#9575cd;transition:.5s;font-size:1.25em}.correct{background-color:#66bb6a;color:#fff}.incorrect{background:#ff6f61;color:#fff}.next-button{position:fixed;top:33%;left:50%;transform:translate(-50%,-50%);z-index:3;background-color:#9575cd;border:1px solid #000;color:#fff;border-radius:8px;padding:16px 40px;cursor:pointer;font-size:2rem;opacity:.6;animation-name:next-button-animation;animation-duration:6s;animation-delay:1s;animation-iteration-count:10}.next-button:hover{opacity:1}@media screen and (min-width: 624px){.next-button{top:60%}}@media screen and (max-width: 1050px){.next-button{opacity:1}}@media screen and (max-width: 623px){.next-button{top:85%}}@keyframes next-button-animation{0%{background-color:#9575cd}to{background-color:#b39ddb}}.section-scorebar{justify-self:center;font-size:24px;color:#fff;margin:16px 8px auto;text-align:center;text-decoration:none;border:1px solid #000;border-radius:8px;background-color:#b39ddb;padding:0 16px}.p-score{margin:0}.main{display:grid;grid-template-columns:1;grid-template-rows:.1fr .4fr 1fr;gap:1rem}.h1{margin-top:.5rem;margin-bottom:0rem}.h1-loading{color:#fff;text-align:center}@media screen and (min-width: 624px){.main{margin-top:2rem;gap:2rem}}.container{display:flex;justify-content:center;align-items:flex-end;margin-top:20rem}.back-button{background-color:#b39ddb;color:#fff;border:1px solid #000;font-weight:700;text-decoration:none;width:288px;height:60px;transition:background-color .3s ease;border-radius:8px;cursor:pointer;font-size:1.2em;padding:.6em 1.2em;margin:.5rem}.back-button:hover{background-color:#9575cd;transition:.5s;font-size:1.25em}@media screen and (max-width: 624px){.back-button{position:absolute;width:100%;padding:0;margin:0;bottom:0;border-radius:0rem;border:none}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--purple-background: #94bce9;--pink-background: #eeaeca;--dark-purple-background: #343537;--dark-pink-background: #99687d}body{height:100vh;margin:0;background:radial-gradient(circle,var(--pink-background) 0%,var(--purple-background) 100%)}@media (prefers-color-scheme: dark){body{background:radial-gradient(circle,var(--dark-pink-background) 0%,var(--dark-purple-background) 100%)}}