#home{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#393b3300;border-radius:10px;width:50vw;height:80vh}#home h2,#home p,#home img,#home input,#home button{color:#fff;margin:1rem}#home h2{font-size:2.5rem}#home p{font-size:2rem}#home input{padding:.5rem;width:70%;font-size:1.2rem;border:none;border-radius:5px;background-color:#ffffff47}#home p.text{font-size:1.2rem}#home p.bv{font-weight:700}@media screen and (max-width: 768px){#home h2,#home p,#home img,#home input{margin:.5rem}#home{width:80vw;height:90vh}#home h2{font-size:2rem}#home p{font-size:1.5rem}#home p.text{font-size:1rem}footer{background-color:#f8f9fa;text-align:center;padding:10px 0;position:fixed;width:100%;bottom:0}footer a{text-decoration:none;color:#007bff}footer a:hover{text-decoration:underline}}@media screen and (max-width: 1366px){#home h2,#home p,#home img,#home input,#home button{margin:.5rem}}.option{background-color:#018fd7;border-radius:.5rem;padding:1rem;margin-bottom:1rem;cursor:pointer;opacity:.8;transition:.4s;width:40vw}.option:hover{opacity:1}#options-container .option p{margin-bottom:0}.correct{background-color:#0e9709;font-weight:700}.wrong{background-color:#a32d2d;opacity:.5}.hide{display:none}#question{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#ffffff05;border-radius:10px;width:50vw;height:80vh}#question p,#question h2,#question #options-container{margin:1.2rem;font-size:medium}#question p.text{color:#f7fcff;font-size:medium}#question button{border:5px solid #f0ecec;margin:1rem}@media screen and (max-width: 768px){#question h2,#question p,#question img,#question input,#question #options-container{margin:.5rem}#question{width:40vw;height:90vh}#question h2.pergunta{font-size:medium}#question p{font-size:1rem}#question button{margin:.2rem;font-size:1rem}}#gameover{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;border-radius:10px;width:50vw;height:80vh}#gameover h2,#gameover p,#gameover img{margin:1.2rem;color:#000}#gameover h2{font-size:3rem}#gameover p{color:#000;font-weight:700}#gameover img{max-width:10rem}#gameover p.pontuacao{color:#07d600;font-size:3rem;font-weight:700}#gameover span.questoes{color:#018fd7}#gameover span.respostas{color:#07d600}#gameover p.complete{font-size:1.5rem}@media screen and (max-width: 768px){#gameover{width:80vw;height:90vh}#gameover h2,#gameover p,#gameover img{margin:1rem}#gameover h2{font-size:2rem}#gameover p.pontuacao{font-size:2.5rem}#gameover p.complete{font-size:1rem}#gameover button{font-size:.8rem}}@media screen and (max-width: 1366px){#gameover h2,#gameover p,#gameover img{margin:.35rem}}.custom-link{font-family:Arial,sans-serif;color:#018fd7;text-decoration:none}#dificulty{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#ffffff05;border-radius:10px;width:50vw;height:80vh}#dificulty h2,#dificulty p,#dificulty img,#dificulty input{color:#fff;margin:1.2rem}#dificulty h2{font-size:2.5rem}#dificulty button{margin:0 1rem}@media screen and (max-width: 768px){#dificulty h2,#dificulty p,#dificulty img,#dificulty input{margin:.5rem}#dificulty{width:80vw;height:90vh}#dificulty h2{font-size:2rem}#dificulty p{font-size:1.5rem}#dificulty button{margin:1rem}}.App{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:100vh}.App h1{margin-bottom:2rem}@media screen and (max-width: 768px){.App{height:100%}}*{padding:0;margin:0;font-family:Rubik,sans-serif;color:#fff;text-align:center}body,html{background-color:#1a9ae49e}img{max-width:50%}button{cursor:pointer;font-size:1.2rem;padding:.8rem 1.6rem;background:#018fd7;border-radius:3rem;border:none}button:hover{background:#00a6f9}footer{background-color:#f8f9fa;text-align:center;padding:10px 0;position:fixed;width:100%;bottom:0}footer a{text-decoration:none;color:#007bff}footer a:hover{text-decoration:underline}