*{padding:0;margin:0;font-family:Raleway;color:#fff}body,html{min-height:100vh;height:100%;background-color:#01051f}img{max-width:100%}button{font-weight:700;font-size:1.2rem;cursor:pointer;padding:.8rem 1.5rem;background:linear-gradient(90deg,#8d0ebb,#5460e8);border-radius:25px;border:none}button:hover{background:linear-gradient(90deg,#e87454,#decd35)}.App{text-align:center;padding-top:3rem;display:flex;justify-content:center;align-items:center;flex-direction:column}.App h1{margin-bottom:2rem;color:#ebde54}#welcome{text-align:center;max-width:400px}#welcome h2,#welcome p{margin-bottom:1rem;color:#fff}#welcome p{color:#ccbf33;font-weight:700}#welcome img{margin-top:1rem;max-width:400px}.option{background-color:#3e0c7f;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:#1fa11b;font-weight:700}.wrong{background-color:#700e0e;opacity:.5}.hide{display:none}#question{text-align:center;max-width:500px;background-color:#2c1b9f22;border-radius:1rem;padding:2rem}#question h2,#question p{margin-bottom:2rem}#question p{margin-bottom:1rem}#question button{border:1px solid #fff;border-radius:30px;margin:1rem}#gameover{text-align:center;max-width:500px;display:flex;flex-direction:column}#gameover h2,#gameover p{margin-bottom:1rem}#gameover p{color:#fff}#gameover img{margin:2rem auto;height:200px}#category{text-align:center;max-width:500px}#category h2,#category p{margin-bottom:1rem}#category h2{background-color:#ebde54;height:40px;color:#000;border-radius:20px 3px;padding-top:15px}#category p{color:#fff}#category img{margin-top:2rem;max-width:350px}#category button{margin:1rem;border-radius:30px}