body{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background:#0f2d2c;color:white;font-family:Poppins,sans-serif}@font-face{font-family:Bristol;src:url(/fonts/Bristol.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Poppins;src:url(/fonts/Poppins-Light.ttf) format("truetype");font-weight:400;font-style:normal}.title{font-family:Bristol,sans-serif;font-size:6rem;line-height:.7;margin-bottom:30px}.game-container,.title{text-align:center;color:#eff1c9;display:flex;flex-direction:column;align-items:center}.game-container{justify-content:center;width:90%;font-family:Poppins,sans-serif}h2{font-size:2rem;font-weight:700;font-family:Bristol,sans-serif;margin-bottom:10px}h3{font-size:1rem;font-weight:lighter;margin-bottom:15px}.new-game-button{background-color:#eff1c9;color:black;font-size:1rem;padding:10px 50px;border:none;border-radius:15px;cursor:pointer;transition:all .3s ease-in-out;font-family:Poppins,sans-serif;margin-top:30px}.new-game-button:hover{background-color:black;color:white;transform:scale(1.1)}.grid{display:grid;grid-gap:15px;gap:15px;justify-content:center;align-items:center;margin-top:20px}.easy{grid-template-columns:repeat(4,1fr)}.easy,.medium{background-color:rgba(255,255,255,.1);padding:20px;border-radius:20px;box-shadow:0 4px 10px rgba(0,0,0,.3);margin-top:20px}.medium{grid-template-columns:repeat(6,1fr)}.hard{grid-template-columns:repeat(8,1fr);background-color:rgba(255,255,255,.1);padding:20px;border-radius:20px;box-shadow:0 4px 10px rgba(0,0,0,.3);margin-top:20px}@media (max-width:600px){.easy,.medium{grid-template-columns:repeat(3,1fr)}.hard{grid-template-columns:repeat(4,1fr)}}.card{width:100px;height:100px;cursor:pointer;perspective:1000px}.cardInner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s ease-in-out;position:relative}.card.flipped .cardInner{transform:rotateY(180deg)}.cardBack,.cardFront{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;align-items:center;justify-content:center}.cardBack{transform:rotateY(180deg)}.cardImage{width:100%;height:100%;object-fit:cover}.input-name{width:80%;max-width:300px;padding:10px;font-size:1.5rem;text-align:center;border:none;border-radius:20px;background-color:#6B757A;color:#eff1c9;outline:none}.input-name::placeholder{color:rgba(255,255,255,.7)}.button-level{padding:10px 20px;font-size:1.2rem;background-color:#6B757A;color:white;border:none;border-radius:20px;cursor:pointer;transition:background-color .3s;margin:5px}.button-level:hover{background-color:#5a6368}.button-go{width:80px;height:80px;font-size:1.5rem;font-weight:700;border-radius:50%;background-color:#eff1c9;color:black;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:transform .2s}.button-go:hover{transform:scale(1.1);background-color:white}.main{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.main-content{padding:30px;border-radius:40px;text-align:center;font-family:Poppins,sans-serif;color:#eff1c9}.main-content input{font-family:Poppins,sans-serif;width:230px;padding:6px;margin-bottom:4px;border:1px solid;border-radius:20px;font-size:16px;color:white;background-color:rgba(255,255,255,.5)}.main-buttons{font-family:Poppins,sans-serif;display:flex;justify-content:center;gap:10px;margin-top:20px}.main-buttons button{color:black;border:none;background:#eff1c9;padding:4px 14px;border-radius:12px;font-size:16px;cursor:pointer;transition:.3s ease,transform .2s ease;font-family:Poppins,sans-serif}.main-buttons button:active,.main-buttons button:hover{background:white;transform:scale(1.05)}.main-buttons button:focus{background:black;color:white;transform:scale(1.05)}.enter-name{color:#eff1c9;margin-bottom:30px!important}.start-button{background-color:#eff1c9;color:black;font-size:24px;font-family:Bristol,sans-serif;width:100px;height:100px;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center;text-align:center;transition:background-color .3s ease-in-out,color .3s ease-in-out,transform .2s ease-in-out;z-index:10}.start-button:hover{background-color:white;color:#0f2d2c;transform:scale(1.1)}.go{display:flex;justify-content:center;align-items:center}.leaderboard-container{width:100%;overflow:hidden;position:fixed;top:0;left:0;background:#0d2726;color:#eff1c9;padding:10px 0;font-family:Poppins,sans-serif;z-index:1000;white-space:nowrap}.leaderboard{display:flex;gap:50px;animation:scrollLeaderboard 50s linear infinite}@keyframes scrollLeaderboard{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}.leaderboard-item{font-size:16px;padding:0 20px;flex-shrink:0;min-width:max-content}@media (max-width:600px){.title{font-size:3rem}.easy,.hard,.medium{grid-template-columns:repeat(4,1fr)}.card{width:60px;height:60px}.leaderboard-item{font-size:14px}.game-container h3{margin-bottom:1px;margin-top:1px}}@keyframes goButtonZoom{0%{transform:scale(1);opacity:1;background-color:white}50%{transform:scale(20);opacity:1;background-color:white}to{transform:scale(50);opacity:0;background-color:white}}.start-button.zoom{animation:goButtonZoom 2.8s linear forwards;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;border-radius:50%;background-color:white}@keyframes shakeRotate{0%{transform:rotate(0deg)}25%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.shake{animation:shakeRotate .2s ease-in-out}@keyframes runMouse{0%{left:-20%;bottom:10%;opacity:1}20%{bottom:12%}40%{bottom:8%}60%{bottom:12%}80%{bottom:10%;opacity:1}to{left:120%;bottom:10%;opacity:0}}.running-mouse{position:fixed;bottom:25%;width:80px;height:auto;animation:runMouse 8s linear forwards,runBounce .2s infinite alternate;z-index:1}@keyframes runBounce{0%{transform:translateY(0)}to{transform:translateY(-5px)}}@media (max-width:1024px){.running-mouse{width:80px;bottom:30%;animation:runMouse 6s linear forwards,runBounce .15s infinite alternate}}@media (max-width:768px){.running-mouse{width:80px;bottom:30%;animation:runMouse 5s linear forwards,runBounce .15s infinite alternate}}@media (max-width:480px){.running-mouse{width:80px;bottom:30%;animation:runMouse 4s linear forwards,runBounce .1s infinite alternate}}