.container{display:flex;flex-direction:column}.btn{background-color:var(--clr-dark-blue);color:var(--clr-off-white);border:none;padding:10px 20px;border-radius:10px;font-weight:700;margin:30px auto}.footer{display:flex;align-items:center;width:50vw;margin:0 auto}.score{font-weight:700}.welcome--main{display:flex;flex-direction:column;align-items:center;height:100vh;justify-content:center}.welcome--main h1{margin-bottom:0}.welcome--main h2{margin-top:.4em;font-size:1rem;margin-bottom:0}.question{padding:10px 40px}.question h1{margin:0}.question ul{display:flex;flex-wrap:wrap;gap:20px}li{list-style-type:none;border:1px solid var(--clr-dark-blue);color:var(--clr-dar-blue);border-radius:16px;min-width:60px;text-align:center;padding:6px 12px;font-size:.8rem}.question .selected{background-color:var(--clr-light-blue);border:1px solid var(--clr-light-blue);box-shadow:0 0 5px var(--clr-dark-blue)}.question .correct{background-color:var(--clr-correct)}.question .incorrect{background-color:var(--clr-incorrect);color:var(--clr-disabled);border:1px solid var(--clr-disabled)}.question .unused{background-color:transparent;color:var(--clr-unused);border:1px solid var(--clr-unused)}@media (max-width: 600px){.question li{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;min-width:34%;min-height:5vh}.question ul{align-items:center;justify-content:center}.question h1{margin:0;text-align:center}}:root{--clr-dark-blue: #293264;--clr-med-blue: #4D5B9E;--clr-light-blue: #D6DBF5;--clr-off-white: #F5F7FB;--clr-correct: #94D7A2;--clr-incorrect: rgba(248, 188, 188, .5);--clr-unused: rgba(41,50,100, .5) }*{box-sizing:border-box}body{color:#293264;font-family:Karla,sans-serif;background-image:linear-gradient(to top,#d8edea,#fee6e3);background-repeat:no-repeat;background-size:contain;height:100vh}