*{padding:0;margin:0;font-family:Raleway,sans-serif;color:#fff}body,html{min-height:100vh;height: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);background-size:200% 100%;border-radius:3rem;border:none;transition:background-position .5s}button:hover{background-position:-100% 0}#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:#06b061;font-weight:700}.wrong{background-color:#471c5f;opacity:.4}.clicked.wrong{background-color:#8b0000;opacity:1}.hide{display:none}#question{max-width:500px;background-color:#8435de;border-radius:1rem;padding:2rem}#question h2{margin-bottom:2rem}#question p{margin-bottom:1rem}#question button{border:2px solid #fff;margin:1rem}@media (max-width: 600px){#question{max-width:300px;padding:1rem}}@media (max-width: 375px){#question{max-width:250px}}#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-top:2rem;height:200px}.rodape{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;margin:6rem 0;gap:.8rem}.rodape a{text-align:center}#category{text-align:center;max-width:500px}#category h2,#category p{margin-bottom:1rem}#category p{color:#8435de}#category img{margin-top:2rem;max-width:300px}#category button{margin:1rem}.App{display:flex;flex-direction:column;text-align:center;padding-top:3rem;align-items:center;justify-content:center}.App h1{margin-bottom:2rem}