.answers-container{width:100%;margin-bottom:auto;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;grid-column-gap:32px;grid-row-gap:32px}.answer{font-size:20px;line-height:30px;background-color:transparent;border:3px solid var(--light-color);border-radius:32px;height:100px;white-space:normal;padding:0 28px;cursor:pointer;transition:var(--button-transition)}.answer:hover{box-shadow:var(--hover-neon-box-shadow);text-shadow:var(--hover-neon-text-shadow)}.answer-selected{font-size:22px;line-height:30px;color:#fff;box-shadow:var(--active-neon-box-shadow)!important;text-shadow:var(--active-neon-text-shadow)!important}.answer-correct{color:var(--success-color);border:3px solid var(--success-color)}.answer-wrong{color:var(--danger-color);border:3px solid var(--danger-color)}.answer-selected.answer-correct{box-shadow:var(--active-neon-success-box-shadow)!important;text-shadow:var(--active-neon-success-text-shadow)!important}.answer-selected.answer-wrong{box-shadow:var(--active-neon-danger-box-shadow)!important;text-shadow:var(--active-neon-danger-text-shadow)!important}@media (hover: none){input{cursor:default!important}input:hover{box-shadow:unset;text-shadow:unset}}body{margin:0;color:var(--light-color);font-family:Oswald;touch-action:manipulation}section{display:flex;flex-direction:column;height:100%}h1{font-size:40px;line-height:48px;margin:8px 0}h2{font-size:28px;line-height:32px;margin:12px 0}input{font-family:Oswald;color:var(--light-color)}.page-container{height:100%;text-align:center;padding:180px 400px;display:grid;grid-template-columns:1fr;grid-template-rows:.5fr 1fr .5fr;gap:32px 0px;grid-template-areas:"." "." "."}router-outlet{display:block}@font-face{font-family:Oswald;src:url(/assets/fonts/oswald/Oswald-Bold.ttf) format("truetype");font-weight:900}@font-face{font-family:Oswald;src:url(/assets/fonts/oswald/Oswald-Bold.ttf) format("truetype");font-weight:800}@font-face{font-family:Oswald;src:url(/assets/fonts/oswald/Oswald-Bold.ttf) format("truetype");font-weight:700}@font-face{font-family:Oswald;src:url(/assets/fonts/oswald/Oswald-SemiBold.ttf) format("truetype");font-weight:600}@font-face{font-family:Oswald;src:url(/assets/fonts/oswald/Oswald-Medium.ttf) format("truetype");font-weight:500}@font-face{font-family:Oswald;src:url(/assets/fonts/oswald/Oswald-Regular.ttf) format("truetype");font-weight:400}@font-face{font-family:Oswald;src:url(/assets/fonts/oswald/Oswald-Light.ttf) format("truetype");font-weight:300}@font-face{font-family:Oswald;src:url(/assets/fonts/oswald/Oswald-ExtraLight.ttf) format("truetype");font-weight:200}@font-face{font-family:Oswald;src:url(/assets/fonts/oswald/Oswald-ExtraLight.ttf) format("truetype");font-weight:100}:root{--light-color: hsl(0, 0%, 95%);--success-color: hsl(140, 100%, 80%);--danger-color: hsl(347, 100%, 80%);--primary-color: #f29f58;--secondary-color: #ab4459;--tertiary-color: #441752;--tertiary-neon-color: hsl(286, 56%, 61%);--quaternary-color: #1b1833;--button-transition: all .3s ease-in-out;--hover-neon-box-shadow: 0 0 4px white, 0 0 12px var(--tertiary-neon-color), inset 0 0 8px var(--tertiary-neon-color);--hover-neon-text-shadow: 0 0 16px var(--tertiary-neon-color);--active-neon-box-shadow: 0 0 4px white, 0 0 24px var(--tertiary-neon-color), 0 0 12px var(--tertiary-neon-color), 0 0 32px var(--tertiary-neon-color), inset 0 0 16px var(--tertiary-neon-color);--active-neon-text-shadow: 0 0 16px var(--tertiary-neon-color), 0 0 24px var(--tertiary-neon-color), 0 0 32px var(--tertiary-neon-color);--active-neon-danger-box-shadow: 0 0 4px white, 0 0 24px var(--danger-color), 0 0 12px var(--danger-color), 0 0 32px var(--danger-color), inset 0 0 16px var(--danger-color);--active-neon-danger-text-shadow: 0 0 1px #fff, 0 0 20px var(--danger-color), 0 0 32px var(--danger-color);--active-neon-success-box-shadow: 0 0 4px white, 0 0 24px var(--success-color), 0 0 12px var(--success-color), 0 0 32px var(--success-color), inset 0 0 16px var(--success-color);--active-neon-success-text-shadow: 0 0 1px #fff, 0 0 20px var(--success-color), 0 0 32px var(--success-color)}