.app{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;height:100%;text-align:center;padding-left:1rem;padding-right:1rem;box-sizing:border-box}.app h1{margin-bottom:2rem;margin-top:1rem;font-size:3rem;z-index:10;text-shadow:2px 4px 10px #8435de;animation:blink 4s infinite}@keyframes blink{0%{text-shadow:2px 4px 10px #8435de}50%{text-shadow:0px 0px 10px #8435de,0 0 10px #df63ed,0 0 10px #df63ed,0 0 20px #8435de}to{text-shadow:2px 2px 20px #8435de}}@media only screen and (max-width: 600px){.app h1{margin-bottom:1rem;font-size:2rem}}.music-container{margin:-1% 1rem 1rem;text-align:center;display:flex;flex-direction:column}.music-container button{z-index:10}#welcome{text-align:center;max-width:550px}#welcome h2,#welcome p{margin-bottom:1rem}#welcome p{color:#8435de;font-size:1.5rem;font-weight:700!important}#welcome button{margin-top:1rem}#welcome p{font-weight:300}#welcome h2{font-size:1.2rem}#welcome img{margin-top:1rem;height:90%;width:90%}@media only screen and (max-width: 600px){#welcome h2{font-size:1rem}#welcome p{font-size:1.1rem}#welcome img{margin-top:.5rem}}#questions{text-align:center;max-width:500px;background-color:#8435de;border-radius:1rem;padding:1.8rem;margin-bottom:1.5rem}#questions h2,#questions p{margin-bottom:1rem}#questions h2{font-size:1.7rem}#questions p{font-size:1rem}#welcome p{margin-bottom:1rem}#questions button{border:2px solid #fff}@media only screen and (max-width: 600px){#questions h2{font-size:1rem;margin-bottom:1rem}#questions p{font-size:.8rem}#questions{padding:1rem}#questions button{font-size:.9rem;padding:.7rem}}.option{background-color:#3c0e70;border-radius:.5rem;padding:1rem;margin-bottom:1rem;cursor:pointer;opacity:.8;transition:.4s}.option:hover{opacity:1}#options-container p{margin-bottom:0rem}.correct{background-color:#14d90d;font-weight:700}.wrong{background-color:#3c0370;opacity:.4}@media only screen and (max-width: 600px){.option{padding:.8rem;margin-bottom:.6rem}}#gameover{text-align:center;max-width:500px;display:flex;flex-direction:column;margin:-1% 1rem 1rem}#gameover h2,#gameover p{margin-bottom:1rem;z-index:10}#gameover button{z-index:10}#gameover p{color:#8435de;font-weight:400;z-index:10}#gameover img{margin-top:2rem;margin-bottom:2rem;max-height:300px;z-index:10}@media only screen and (max-width: 600px){#gameover img{margin-top:.3rem;margin-bottom:1.3rem}}*{padding:0;margin:0;font-family:Raleway,sans-serif;color:#fff;box-sizing:border-box}h1{margin-bottom:1rem;text-shadow:2px 2px 20px #8435de}body,html{height:100%;background-color:#1c1c1c;margin:0;padding:0}img{max-width:100%;max-height:100%}button{font-weight:700;font-size:1.2rem;cursor:pointer;padding:.8rem 1.5rem;background:linear-gradient(90deg,rgba(132,53,222,1) 0%,rgba(184,84,232,1) 100%);border-radius:3rem;border:none}button:hover{background:linear-gradient(90deg,rgba(184,84,232,1) 0%,rgba(132,53,222,1) 100%)}