body { background-color: #1b1b1b; color: #fff; font-family: 'Press Start 2P', cursive; text-align: center; margin: 0; padding: 20px; }

h1 { font-size: 24px; margin-bottom: 20px; }

.category-buttons { margin-bottom: 20px; }

button { background-color: #ffcc00; border: none; padding: 10px 20px; font-size: 14px; cursor: pointer; font-family: inherit; margin: 5px; }

button:hover { background-color: #ffaa00; }

.pokedex { display: flex; flex-wrap: wrap; justify-content: center; }

.category { margin: 20px; border: 3px solid #fff; padding: 10px; border-radius: 10px; background-color: rgba(0, 0, 0, 0.8); width: 300px; }

.card { background-color: #333; border-radius: 8px; padding: 10px; margin: 10px 0; text-align: center; border: 2px solid #fff; }

.card img { width: 100px; height: 100px; image-rendering: pixelated; }

.info-button { background-color: #ff4444; color: white; border: none; padding: 5px 10px; cursor: pointer; font-family: inherit; margin-top: 5px; }

.info-button:hover { background-color: #cc0000; }