@import url(https://fonts.googleapis.com/css2?family=Mochiy+Pop+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);*{box-sizing:border-box;margin:0;outline:none;padding:0;text-decoration:none;font-family:"Mochiy Pop One",sans-serif}section{border-radius:20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:flex;align-items:center;margin:10% auto;box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgba(0,0,0,.09);background-color:#210420}.login{font-size:2rem;padding:10px;color:#f0f8ff}.container{border-radius:20px 0 0 20px;width:50%;display:flex;flex-direction:column;grid-gap:2px;gap:2px}.input-form{background:transparent;display:block;font-size:18px;height:52px;line-height:1.2;padding:15px;width:100%;box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgba(0,0,0,.09);border:none;border-bottom:2px solid #a77a9b;color:#faebd7}.input-form::-webkit-input-placeholder{color:#faebd7}.input-form:-ms-input-placeholder{color:#faebd7}.input-form::placeholder{color:#faebd7}.btn-login{width:40%}img{border-radius:0 20px 20px 0}.buttons{display:flex;align-items:center;justify-content:space-around;margin-top:40px}body{-webkit-animation:Animation 10s ease infinite;animation:Animation 10s ease infinite;background:linear-gradient(45deg,#9aa5ff,#fb99d3,#ffb6a9,#ffe1ad,#dcface);background-size:200% 200%;text-align:center}@-webkit-keyframes Animation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes Animation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.container-game{align-items:center;box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgba(0,0,0,.09);border-radius:10px;margin:30px auto;padding:15px;grid-gap:15px;gap:15px;width:80vw;max-width:720px;-webkit-animation:Animation 5s ease infinite;animation:Animation 5s ease infinite;background:linear-gradient(45deg,#9aa5ff,#fb99d3,#ffb6a9,#ffe1ad,#dcface);background-size:250% 250%}.container-game,header{display:flex;flex-direction:column;justify-content:center}header{font-size:1.5rem}header img{border-radius:20px}.question-bck{opacity:1;position:relative;font-size:1rem;text-align:center;z-index:0;width:95%;height:100%}.question{opacity:.4;position:absolute;background:url(https://img.olhardigital.com.br/wp-content/uploads/2022/03/trivia-quest-1080x450.jpg);background-origin:content-box;background-position:50%;background-repeat:no-repeat;width:100%;height:100%;z-index:-1;border-radius:20px}.question-bck h2,p{width:95%;margin:10px auto}.options{flex-direction:column;align-items:center;grid-gap:10px;gap:10px;margin:10px auto}.options,.timer{display:flex;width:70%}.timer{background:url(https://c.tenor.com/XXEa3oevW4YAAAAC/trivia-game.gif);background-position:50%;background-repeat:no-repeat;margin:30px;padding:100px;position:relative}.timer p{font-size:2rem;position:absolute;top:30px;left:319px;background-color:#f0f8ff;width:55px;height:55px;border-radius:50%}.timer h2{position:absolute;top:10px;left:30px}button{margin:10px;padding:15px 30px;text-align:center;text-transform:uppercase;transition:.5s;background-size:200% auto;color:#fff;border-radius:10px;display:block;border:0;font-weight:700;box-shadow:0 0 14px -7px #f09819;background-image:linear-gradient(45deg,#ff512f,#f09819 51%,#ff512f);cursor:pointer;-ms-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}button:hover{background-position:100%;color:#fff;text-decoration:none}button:active{-webkit-transform:scale(.95);transform:scale(.95)}.feedback,.ranking{align-items:center;display:flex;flex-direction:column;justify-content:center}.ranking{border:3px solid #a39999;width:40%;margin:10px auto;left:100px;padding:10px}.rank0{background:linear-gradient(90deg,#e3dbe0 5%,#e2a304)}.rank1{background:linear-gradient(90deg,#e3dbe0 5%,#b2abab)}.rank2{background:linear-gradient(90deg,#e3dbe0 5%,#673700)}
/*# sourceMappingURL=main.235abd18.chunk.css.map */