@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";:root{--primary-color: #0b0517;--secundary-color: #c4fe5f;--gray: #333}*{margin:0;padding:0;box-sizing:border-box;transition:all ease-in-out .1s}body{font-family:inter,sans-serif;font-weight:500;background-color:#0b0517;color:#fff}div{margin-bottom:.5rem}h2{margin-bottom:.5em}nav{background-color:#0b0517;color:#c4fe5f;box-shadow:0 2px 4px #faf8f8e6}nav ul{display:flex;align-content:center;justify-content:end;list-style:none;align-items:center;padding:0 3em}li{margin:2em}.container{width:30em;margin:3em auto;padding:1.5em;box-shadow:0 2px 4px #faf8ff31;background-color:#0b0517}.text-center{text-align:center}h1{width:max-content;margin:1em auto}#contador-tiempo{font-size:clamp(8px,1.2vw,12px);color:var(--secundary-color)}#contador-tiempo p{font-size:clamp(20px,2vw,40px);color:var(--secundary-color)}#contador-tiempo.dificultad-o-categoria:hover,#contador-tiempo.dificultad-o-categoria:hover p{color:#fff;cursor:pointer}#contador-preguntas{font-size:clamp(10px,2vw,12px)}#pregunta h2{text-align:justify;font-size:calc(1.3vw + 1vh + .5vmin)}#respuesta{padding:1em;border:3px solid var(--secundary-color);cursor:pointer}#respuesta h4{font-size:clamp(10px,1.2vw,17px)}#estadisticas{display:flex;justify-content:space-around;font-size:6px;text-align:center}.respuesta-incorrecta{background-color:red;color:#0b0517}.respuesta-correcta{background-color:var(--secundary-color);color:#0b0517}button{font-size:1.1rem;text-transform:capitalize;background-color:var(--primary-color);color:#fff;outline:none;width:10em;height:2.5em;margin:5px}.configuraciones{display:flex;flex-direction:column;align-items:center;margin-top:2em}.configuraciones h2{text-align:center}.configuraciones p{padding:.5em;text-align:justify}.configuracion button:hover{border:3px solid var(--secundary-color);cursor:pointer}.btn-selected{background-color:var(--secundary-color);border:3px solid var(--secundary-color);color:#0b0517}#titulo-trivia:hover{color:var(--secundary-color);cursor:pointer}.instrucciones{margin:1em 0;text-align:justify}.container-instrucciones{width:clamp(20em,80vw,40em);margin:3em auto;padding:1.5em;box-shadow:0 2px 4px #faf8ff31;background-color:#0b0517}.container-instrucciones h2{font-size:clamp(1.2em,3vw,2em)}.container-instrucciones p{font-size:clamp(.7em,1.5vw,1em)}a,a:active{color:var(--secundary-color);text-decoration:none}a:hover{color:#fff}.not-found-container{text-align:center;padding:50px;margin:0 auto;max-width:600px}.not-found-container h1{font-size:100px;margin-bottom:20px;color:var(--secundary-color)}.not-found-container h2{font-size:36px;margin-bottom:20px;color:#333}.not-found-container p{font-size:18px;margin-bottom:30px;color:#666}.inicio-link{display:inline-block;padding:10px 20px;background-color:var(--secundary-color);color:var(--primary-color);border-radius:5px}.inicio-link:hover{background-color:var(--primary-color)}@media (max-width: 480px){nav{box-shadow:0 2px 4px #faf8f880}nav ul{display:flex;flex-wrap:wrap;list-style:none;justify-content:center;padding:0}li{margin:1em}.container{width:20em;margin:3em auto;padding:2rem}button{display:block;margin:.3em auto;text-align:center}}