#welcome{text-align:center;max-width:500px}#welcome h2{margin-bottom:1.5rem;font-size:1.8rem}#welcome p{color:#8435de;margin-bottom:2rem;font-size:1.5rem}#welcome img{margin-top:2rem;filter:drop-shadow(0 0 1em #313131)}.option{height:50px;display:flex;justify-content:center;align-items:center;background-color:#3c0e70;border-radius:.5rem;margin-bottom:1rem;cursor:pointer;opacity:.6;transition:.4s}.option:hover{opacity:1}#optionsContainer .option p{margin-bottom:0}.correct{background-color:#0bfc03;font-weight:700}.wrong{background-color:#3c0e70;opacity:.3}.hide{display:none}#question{text-align:center;width:500px;border-radius:1rem;padding:2rem;background:linear-gradient(45deg,rgba(132,53,222,1) 0%,rgb(127,15,179) 100%)}#question h2{margin-bottom:2rem;font-size:1.3rem}#question p{color:#f8f8f8;margin-bottom:1rem;font-size:1.2rem}#question button{margin:1rem}#gameover{text-align:center;max-width:500px;display:flex;flex-direction:column}#gameover h2{margin-bottom:1.5rem;font-size:1.8rem}#gameover p{color:#8435de;margin-bottom:2rem;font-size:1.5rem}#gameover img{margin:2rem 0 3rem;height:350px;filter:drop-shadow(0 0 1em #313131)}#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;filter:drop-shadow(0 0 1em #313131)}#category button{margin:1rem}.App{text-align:center;padding-top:3rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.App h1{margin-bottom:2rem;font-size:2.5rem}*{margin:0;padding:0;box-sizing:border-box;font-family:Raleway,sans-serif;color:#f8f8f8}body,html{background:linear-gradient(#0f001f,#050507);min-height:100vh;height:100%;justify-content:space-between}button{margin-top:10px;cursor:pointer;font-weight:700;font-size:1.2rem;padding:.8rem 1.5rem;border-radius:3rem;border:none;box-shadow:0 1px 15px #eabeff;background:linear-gradient(90deg,rgba(132,53,222,1) 0%,rgba(184,84,232,1) 100%)}button:hover{background:linear-gradient(90deg,rgba(184,84,232,1) 0%,rgba(132,53,222,1) 100%)}button:active{transform:scale(.95)}img{max-width:100%}
