*{box-sizing:border-box}body{background-color:#f5f7fb;color:#293264;font-family:Karla,sans-serif;padding:30px}main.main-section{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;margin:auto;position:relative;right:0;text-align:center;width:50%}header{border:3px solid #d6dbf5;border-radius:10px;height:80%;padding:10px 15px;width:100%;z-index:0}h1.title{font-size:2.5rem;font-weight:700}h1.title,p.game-description{color:#293264;font-family:Karla,sans-serif}p.game-description{font-size:1.5rem;font-weight:400;line-height:normal}button{background-color:#4d5b9e;border:1px solid #4d5b9e;border-radius:15px;color:#f5f7fb;font-family:Karla,sans-serif;font-weight:500}button.start-btn{font-size:1.3rem;height:53px;margin-top:100px;width:190px}section{align-items:flex-start;border:3px solid #d6dbf5;border-radius:10px;display:flex;flex-direction:column;justify-content:flex-start;padding:10px 15px;width:100%}section#quiz{background-color:#f9f7f3;left:280px;position:absolute;top:170px;z-index:1}.block{display:none}section>div>h2{color:#293264;font-weight:700;text-align:left}div.answers-div{display:flex;justify-content:space-evenly}input[type=radio]{height:1px;opacity:0;overflow:hidden;position:absolute;width:1px}label{border:1px solid #293264;border-radius:10px;color:#293264;display:inline-block;padding:3px 25px}input[type=radio]:checked+label{background-color:#b1a7a6;border-color:#6c757d;color:#fff}hr{border:.8px solid #dbdef0;margin:25px auto;width:400px}button.check-btn{align-self:center;flex-shrink:0;height:35px;width:120px}section.answer-section{background-color:#f9f7f3;position:absolute;right:-25px;top:233px;z-index:2}section.answer-section>div{display:flex;flex-direction:column;justify-content:flex-start}section.answer-section>div>div{display:flex;justify-content:space-evenly}span{border:1px solid #293264;border-radius:10px;color:#293264;padding:3px 25px}div.bottom{display:flex;justify-content:flex-start;width:-webkit-max-content;width:max-content}div.bottom>p{font-size:1.25rem;font-weight:700}div.bottom>button{align-self:flex-end;display:inline-block;height:32px;padding:2px 10px;width:104px}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.d4cf6d47.css.map*/