#welcome{text-align:center;max-width:500px}#welcome h2,#welcome p{margin-bottom:1rem}#welcome p{color:#8435de}#welcome img{margin-top:2rem}.option{background-color:#3c0e70;border-radius:.5rem;padding:1rem;margin-bottom:1rem;cursor:pointer;opacity:.8;transition:.4s}.option:hover{opacity:1}#options-container .option p{margin-bottom:0}.correct{background-color:#0bfc03;font-weight:700}.wrong{background-color:#3c0e70;opacity:.2}#question{text-align:center;max-width:500px;background-color:#8435de;border-radius:1rem;padding:2rem}#question h2{margin-bottom:2rem}#question p{margin-bottom:1rem}#question button{border:1px solid #fff}#gameover{text-align:center;max-width:500px}#gameover h2,#gameover p{margin-bottom:1rem}#gameover p{color:#8435de}#gameover img{margin:2rem;max-width:360px}#gameover button{width:50%}.App{text-align:center;padding:3rem 0;display:flex;flex-direction:column;align-items:center;justify-content:center}.App h1{margin-bottom:2rem}*{padding:0;margin:0;font-family:Montserrat,sans-serif;color:#fff}html,body{min-height:100vh;height:100%;background-color:#1c1c1c}img{max-width:100%}button{font-weight:400;font-size:1.2rem;text-transform:uppercase;cursor:pointer;padding:.8rem 1.5rem;background:linear-gradient(90deg,rgba(132,53,222,1) 0%,rgba(184,84,232,1) 100%);border:none;border-radius:.5rem}button:hover{background:linear-gradient(90deg,rgba(184,84,232,1) 0%,rgba(132,53,222,1) 100%)}