*{margin:0;padding:0;box-sizing:border-box}body{background-color:#fff9e5;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}.app{display:flex;flex-direction:column;min-height:100vh}.header{flex-shrink:0}.content{flex:1 0 auto}.footer{flex-shrink:0}.game{padding:1rem 5rem 3rem;margin:0 auto}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding-top:2rem}.cards-box{border:2px solid #004030;background-color:#fff;border-radius:.5rem;padding:1rem .5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:.2s ease}.cards-box:hover{background-color:#fff9e5;box-shadow:#0000004d 0 19px 38px,#00000038 0 15px 12px}.cards p{color:#004030;font-size:1.3rem;font-weight:700}.cards img{scale:1.5}.data{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.5rem}.data p{color:#004030;font-size:1.8rem}.new-button{padding:.6rem 1rem;margin-left:4rem;background-color:#fff;border:2px solid #004030;cursor:pointer;border-radius:.2rem;font-size:1rem;color:#004030;transition:.2s ease}.new-button:hover{background-color:#fff9e5;scale:1.05}@media (max-width: 750px){.data{flex-direction:column;justify-content:center}.new-button{margin-left:0}}.header{background-color:#4a9782;display:flex;align-items:center;justify-content:center;gap:1rem;padding:.5rem 0}img{width:3rem}p{color:#fff9e5;font-size:2rem;font-weight:700}footer{background-color:#dcd0a8;display:flex;align-items:center;justify-content:center;gap:2rem;padding:1rem}footer p{font-size:1.5rem}footer img{width:1.8rem;transition:.2s ease;cursor:pointer}footer img:hover{width:1.9rem}