#gameover{text-align:center;max-width:500px;display:flex;flex-direction:column}#gameover h2,#gameover p{margin-bottom:1rem}#gameover p{color:#8435de}#gameover img{margin:2rem auto;height:200px}a{color:#8435de}#gameover h2{color:#484a49}.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:.5}.hide{display:none}#question{background-color:#8435de;border-radius:1rem;padding:2rem;width:500px;margin-bottom:15px}#question p{margin-bottom:1rem}#question h2{margin-bottom:2rem}#question button{border:2px solid #fff;margin:1rem}@media screen and (max-width: 600px){#question{background-color:#8435de;border-radius:1rem;padding:2rem;width:auto}}#welcome{text-align:center;max-width:500px}#welcome h2,#welcome p{margin-bottom:1rem}#welcome h2{color:#484a49}#welcome p{color:#8435de}#welcome img{margin-top:2rem}#category{text-align:center;max-width:500px}#category h2,#category p{margin-bottom:1rem}#category p{color:#8435de}#category h2{color:#484a49}#category img{margin-top:2rem;max-width:300px}#category button{margin:1rem}.App{text-align:center;padding-top:3rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.App h1{margin-bottom:2rem;color:#484a49}.logo{margin-bottom:25px}*{padding:0;margin:0;font-family:Raleway,sans-serif;color:#fff}body,html{min-height:100vh;height:100%;background-color:#fff}img{max-width:100%}button{font-weight:700;cursor:pointer;font-size:1.2rem;padding:.8rem 1.5rem;background:#D0A727;border-radius:3rem;border:none;margin-bottom:15px}button:hover{transform:scale(1.1)}