@font-face{font-family:Poppins;src:url(/fonts/poppins-v15-latin-ext-500.woff) format("woff");font-style:normal;font-weight:medium;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/poppins-v15-latin-ext-regular.woff) format("woff");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/poppins-v15-latin-ext-700.woff) format("woff");font-style:normal;font-weight:700;font-display:swap}html{font-family:Poppins}.navbar{font-weight:700}*,:after,:before{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none;color:#0c0c0c}ul{list-style-type:none}.grid{display:grid;min-height:100vh;grid-template-columns:1fr 1080px 1fr;grid-template-rows:1rem 1fr 4rem;grid-template-areas:"nav nav nav" ". main ." "footer footer footer"}@media only screen and (max-width:1080px){.grid{grid-template-columns:3rem 1fr 3rem}}@media only screen and (max-width:768px){.grid{grid-template-columns:2rem 1fr 2rem}}@media only screen and (max-width:540px){.grid{grid-template-columns:1rem 1fr 1rem}}.navbar{grid-column:nav}.main{grid-area:main}.footer{grid-area:footer}.navbar{justify-content:center;background-color:#f3f3f3}.navbar,.navbar .innerNav{display:flex;align-items:center}.navbar .innerNav{justify-content:space-between;width:100%;margin:auto;max-width:1080px}.navbar .innerNav .logo{cursor:pointer;display:flex;align-items:center}.navbar .innerNav .logo span{margin-left:1rem}.navbar .innerNav ul{display:flex;grid-gap:1rem;gap:1rem}@media only screen and (max-width:1080px){.navbar .innerNav{margin:0 3rem}}@media only screen and (max-width:768px){.navbar .innerNav{margin:0 2rem}}@media only screen and (max-width:540px){.navbar .innerNav{margin:0 1rem}}.navbar .innerNav .cartLogoContainer{display:flex;justify-content:center;align-items:center}.navbar .innerNav .cartLogoContainer .cartLogo{fill:#f16d70;cursor:pointer}.navbar .innerNav .cartLogoContainer .cartLogo:hover{fill:#0c0c0c}.navbar .innerNav .cartLogoContainer .cartCount{width:1rem;height:1rem;font-size:.55rem;color:#f3f3f3;background-color:rgba(1,1,1,.9);position:relative;top:10px;left:10px;border-radius:50%;display:flex;justify-content:center;align-items:center}.avatarContainer{display:flex;grid-gap:20px;gap:20px;align-items:center}.avatarContainer .avatar{width:30px;height:30px;border-radius:50%}.footer{display:flex;justify-content:center;align-items:center}.footer a{color:#f16d70;margin-left:.3rem}.btn{border-radius:.3rem;color:#f3f3f3;font-weight:600;border:none;background-color:#f16d70;padding:.8rem 1rem;cursor:pointer;text-transform:capitalize;height:-webkit-min-content;height:-moz-min-content;height:min-content;min-width:2rem}.btn:disabled,.btn:hover{background-color:#0c0c0c}input{padding:1rem;border:2px solid #0c0c0c;border-radius:.4rem;outline:none;width:100%}.home{display:flex;flex-direction:column;justify-content:center;max-width:600px;width:100%;margin:auto}.home h1{text-align:center;margin:1rem 0}.home .score{margin-bottom:1rem;font-size:24px;font-weight:700}.home .question{width:100%}.home .question__number{margin-bottom:1rem;font-weight:700;text-decoration:underline}.home .question__body{margin-bottom:1rem}.home .question__answers{width:100%}.home .btn{margin-bottom:.5rem;width:100%;font-size:14px}.home .clicked button{color:#f16d70;text-shadow:0 0 10px #f16d70}.home .correct button{color:#9acd32;text-shadow:0 0 10px #9acd32}body{min-height:100vh;color:#0c0c0c;overflow-x:hidden}