*{font-family:Karla,sans-serif;color:#293264}h1,h3,h4{margin:0;padding:0}body{background:#f5f7fb;display:flex;justify-content:center;align-items:center;width:auto;margin:0;min-height:100vH}div#root{width:100%}main{max-width:800px;padding:30px;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center;margin-inline:auto}.main--intro-page>h1{text-align:center;font-size:1.9rem;font-weight:700;margin-bottom:10px}.main--intro-page>h3{text-align:center;font-size:1.2rem;font-weight:500;margin-bottom:50px}.form--intro-page{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px;margin-bottom:20px;font-family:Karla,sans-serif;font-size:1rem;color:#293264}input#questionsNr,input#playerName{padding:10px;margin-left:20px;font-family:Karla,sans-serif;color:#293264;font-size:1rem;border:solid 2px #293264;background-color:#fff;border-radius:4px;cursor:pointer}select,fieldset{box-sizing:border-box;grid-column:span 2;justify-self:center;width:100%;margin:0;padding:10px;font-family:Karla,sans-serif;font-size:1rem;color:#293264;border:solid 2px #293264;background-color:#fff;border-radius:4px;cursor:pointer}fieldset label{margin-left:10px}fieldset{display:flex;justify-content:space-around;align-items:center;height:80px}button{cursor:pointer}.button--intro-page,.button--quiz-page{border-radius:10px;border:none;background:#4d5b9e;color:#f5f7fb;opacity:1}.button--intro-page:hover,.button--quiz-page:hover{opacity:.9}.button--intro-page{padding:15px 30px;font-size:1rem;font-weight:500}.button--quiz-page{padding:10px 20px;font-size:.8rem;font-weight:400}.button-section--quiz-page{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:50px}.p--score{text-align:center;font-size:1rem;font-weight:700}.main--intro-page>img{width:30%}.blob-top{position:fixed;top:0;right:0;z-index:-1}.blob-bottom{position:fixed;bottom:0;left:0;z-index:-1}.quiz-page-form-data{width:100%;display:flex;flex-direction:row;justify-content:space-around;align-items:center;font-size:1rem;font-weight:700;border-bottom:1px solid #DBDEF0;margin-bottom:20px}.section--question{width:100%}.question{margin:0;padding:0;color:#293264;font-size:1.2rem;font-weight:700}.answer-elements{padding:15px 0;margin-bottom:20px;display:flex;flex-direction:row;justify-content:center;align-items:center;border-bottom:1px solid #DBDEF0}.answer-elements>button{margin-right:30px;padding:4px 8px;color:#293264;border:1px solid;border-radius:10px;text-align:center;font-size:.8rem;font-weight:500}.button--answer-deselected{background:none;border-color:#293264}.button--answer-selected{background:#293264;border-color:#293264;color:#f5f7fb!important}.button--answer-deselected:hover{background:#d6dbf5;border-color:#d6dbf5}.button--revealed{opacity:.5!important}.button--revealed-answer-correct{background:#94d7a2;border-color:#94d7a2!important}.button--revealed-answer-wrong{background:#f8bcbc;border-color:#f8bcbc!important;opacity:.5}.loader{width:40px;height:40px;border:7px solid #FFF;border-bottom-color:#293264;border-radius:50%;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.high-score-wrapper{margin-bottom:20px;background-color:#d6dbf5;border-radius:20px;padding:20px}.high-score-header{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:50px}.high-score-table{margin-inline:auto;margin-top:20px}h4.high-score-title{text-align:center;font-size:1.6rem;font-weight:700}.high-score-table td,.high-score-table th{padding:5px 25px;text-align:center}.high-score-expand{width:32px;cursor:pointer}