*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:#1e1e1e;color:#fff;font-family:Arial,sans-serif;font-size:18px;line-height:1.6;margin:0;min-height:100vh}#root,body,html{overflow-x:hidden}#root{align-items:center;display:flex;flex-direction:column;justify-content:start;max-width:100%;padding:20px}html{scroll-behavior:smooth}a{color:inherit;text-decoration:none}button{cursor:pointer}a,button{transition:all .3s ease-in-out}.hidden{display:none}.flex{display:flex}.center{align-items:center}.center,.year-filter{justify-content:center}.year-filter{display:flex;flex-wrap:wrap;gap:10px;margin:0 auto 20px;max-width:100%;padding:0 10px}.year-button{background:#444;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px;transition:background .3s}.year-button.active,.year-button:hover{background:#008cba}.game-card{align-items:center;color:inherit;display:flex;flex-direction:column;text-decoration:none;transition:transform .3s}.game-card img{border-radius:8px;margin-bottom:10px}.game-card:hover{transform:scale(1.05)}.game-name{color:#fff;font-size:1rem;text-align:center}.games-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0 auto;padding:10px}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#1f1b24;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.games-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;max-width:100%;padding:20px}.game-card{flex-basis:calc(25% - 20px);flex-grow:1;flex-shrink:1;max-width:400px;min-width:200px}.game-card img{aspect-ratio:2/3;border-radius:10px;box-shadow:0 4px 6px #0000004d;height:auto;max-width:400px;object-fit:cover;transition:transform .2s ease-in-out;width:100%}.game-card img:hover{transform:scale(1.03)}.body,.tab{display:flex;flex-direction:row;flex-wrap:wrap;height:100%;width:100%}.body{padding-left:100px}.tab{padding-right:20px}
/*# sourceMappingURL=main.76e74e6b.css.map*/