#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:.3s;border:1px solid #ffffffa9}.option:hover{opacity:1.2;border:1px solid #ffffffe0}#options-container .option p{margin-bottom:0}.correct{background-color:#0bfc03;font-weight:700}.wrong{background-color:#3c0e70;opacity:.4}.hide{display:none}#questions{text-align:center;max-width:500px;background-color:#8435de;border-radius:1rem;padding:2rem}#questions h2{margin-bottom:2rem}#questions p{margin-bottom:1rem}#questions button{border:2px solid #ffffff63;transition:.3s;margin:4px}#questions button:hover{border:2px solid #ffffffa6}#game-over{text-align:center;max-width:500px;display:flex;flex-direction:column}#game-over h2,#game-over p{margin-bottom:1rem}#game-over p{color:#8435de}#game-over img{margin-top:2rem;max-height:200px}.app{text-align:center;padding-top:3rem;display:flex;flex-direction:column;align-items:center}.app h1{margin-bottom:2rem}#category{text-align:center;max-width:500px;display:flex;flex-direction:column}#category h2,#category p{margin-bottom:1rem}#category p{color:#8435de}#category img{margin:2rem auto;max-width:300px}#category button{margin:1rem}*{margin:0;padding:0;box-sizing:border-box;font-family:Raleway,sans-serif;color:#fff}body,html{min-height:100vh;width:100%;background-color:#1c1c1c}img{max-width:100%}button{font-weight:700;font-size:1.2rem;cursor:pointer;padding:.8rem 1.5rem;background:linear-gradient(90deg,#8435de,#b854e8);border-radius:3rem;border:none}button:hover{background:linear-gradient(90deg,#b854e8,#8435de)}