@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";header{margin-top:-20px;display:flex;flex-direction:column;align-items:center}header>img{object-fit:cover;max-width:min(400px,100%)}header>div{padding:5px 20px;margin-left:18px;margin-top:-30px;background-color:#b91c1c;border:4px solid #2563eb;border-radius:5px;color:#fff;font-weight:700;font-size:1.15rem;font-family:Roboto,sans-serif}.in-game{align-items:flex-start;margin-top:-5px}.in-game>img{max-width:150px}.levels{box-sizing:border-box;padding:20px 50px;margin:80px auto;max-width:min(500px,80%);background-color:#0000004d;color:#fff;font-family:"Press Start 2P",sans-serif}.levels>h2{font-size:1.25rem;margin-bottom:20px;line-height:30px}.levels>p{margin-bottom:10px}.levels span:hover{border-bottom:2px solid white;cursor:pointer}.game{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:50px;margin-bottom:20px}.game>h2{text-align:center;line-height:40px;color:#fff;font-family:"Press Start 2P",sans-serif}.cards{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;align-items:center}.card-active,.card-inactive{height:200px;width:180px;padding:20px;cursor:pointer;font-size:.8rem;color:#fff;background-color:#0000004d;font-family:"Press Start 2P",sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;transition:all .25s ease-in-out;border-radius:10px}.card-active:hover{background-color:#0009;transform:perspective(400px) translateZ(50px)}.card-active>img,.card-inactive>img{height:100%}.card-active>p,.card-inactive>p{text-align:center}@media (max-width: 500px){.card-active,.card-inactive{height:118px;width:100px}}.overlay{height:100%;position:fixed;top:0;bottom:0;left:0;right:0;background-color:#0006;display:flex;justify-content:center;align-items:center}.overlay>div{margin:0 10px;border-radius:10px;background-color:#04052e;padding:20px;border:2px solid rgba(255,255,255,.5);color:#fff;font-family:"Press Start 2P",sans-serif}.overlay>div>h2{text-align:center;margin-bottom:30px}.overlay>div>div{margin-top:30px;display:flex;flex-direction:column;gap:5px}.overlay span:hover{cursor:pointer;border-bottom:2px solid white}.score-div{color:#fff;font-family:"Press Start 2P",sans-serif;display:flex;justify-content:space-between;flex-wrap:wrap;row-gap:10px;padding:10px 20px}#root{position:fixed;width:100%;height:100%;background:#030712 none center center no-repeat fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-image:url(https://i.imgur.com/KWBcJp2.jpeg);display:grid;grid-template-rows:max-content 1fr 37px;overflow:auto}*{margin:0;padding:0}html{height:100%}body{height:100vh;overflow:auto}