.score{width:100%;height:80px;display:flex;justify-content:center;align-items:center;background-color:#181818;color:#fff}.score span{font-size:28px;font-weight:600;padding:6px;width:30px;display:inline-block;text-align:center}.score span.point{border:1px solid white}.score small{padding:0 8px;font-size:16px}.game-screen{padding:48px 24px 0;box-sizing:border-box}.game-screen button{width:500px;max-width:90%;min-height:50px;margin-top:24px}.game-screen .result{font-weight:600}.game-screen .result.correct{color:var(--correct)}.game-screen .result.incorrect{color:var(--incorrect)}.answer-option{display:flex;flex-direction:column;align-items:center;position:relative}.answer-option p{background-color:#fff;padding:10px 20px;border:3px solid #fff;border-radius:50px;box-shadow:0 4px 10px #cecece;width:500px;max-width:90%;min-height:50px;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-direction:column}.answer-option p.selected{border:3px solid var(--secondary)}.answer-option p.correct{background-color:var(--correct-lighter);border:3px solid var(--correct-lighter)}:root{font-family:Poppins,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--main: #4047C1;--lighter: #8888EA;--secondary: #FCA82F;--secondary-lighter: #fec069;--black: #1d1d1d;--correct: rgb(115, 187, 5);--correct-lighter: rgba(115, 187, 5, .3);--incorrect: rgb(208, 10, 6)}body{margin:0;padding:0;background-color:#e5e5f7}body .container{width:840px;max-width:100%;margin:auto;text-align:center}body h1,body h2,body h3{color:var(--main)}body h4{font-weight:400}body button{min-width:260px;height:50px;background-color:var(--main);border:1px solid var(--main);color:#fff;text-transform:uppercase;display:block;margin:8px auto;font-size:18px;border-radius:16px;transition:.5s;cursor:pointer}body button:hover{background-color:var(--lighter);border:1px solid var(--lighter)}body button.yellow{background-color:var(--secondary);border:1px solid var(--secondary)}body button.yellow:hover{background-color:var(--secondary-lighter);border:1px solid var(--secondary-lighter)}body button.white{background-color:#fff;border:1px solid #fff;color:var(--black)}body button.white:hover{background-color:#ececec;border:1px solid #ececec}.pattern-bg{background-image:radial-gradient(rgba(68,76,247,.1) 2px,#e5e5f7 2px);background-size:40px 40px}.full-page-loader{position:absolute;width:100%;height:100vh;top:0;left:0;z-index:999;display:flex;align-items:center;justify-content:center}.full-page-loader .lds-dual-ring{display:inline-block;width:80px;height:80px}.full-page-loader .lds-dual-ring:after{content:" ";display:block;width:64px;height:64px;margin:8px;border-radius:50%;border:6px solid var(--main);border-color:var(--main) transparent var(--main) transparent;animation:lds-dual-ring 1.2s linear infinite}footer{text-align:center;font-size:12px;padding:10px 24px}@keyframes lds-dual-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}