* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-color: #5c94fc; /* Color de fondo inspirado en el cielo del juego */
    font-family: 'Press Start 2P', cursive; /* Fuente retro pixelada */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-image: url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/d477e123-2663-4944-bc38-0b919617bbb0/d6toae7-14fda379-dd61-4e9d-8260-fdba89bab91d.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2Q0NzdlMTIzLTI2NjMtNDk0NC1iYzM4LTBiOTE5NjE3YmJiMFwvZDZ0b2FlNy0xNGZkYTM3OS1kZDYxLTRlOWQtODI2MC1mZGJhODliYWI5MWQucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.hDsnshOtj10dbkiJvp_u0BTnKaWXSOMEkD1kEDsvFAM'); /* Imagen de fondo opcional */
    background-size: cover;
}

/* Contenedor exclusivo para el título */
.title-container {
    text-align: center;
    background-color: #87ceeb;
    border: 5px solid #e84800;
    padding: 20px;
    width: 80%;
    max-width: 700px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    border-radius: 15px;
    margin-bottom: 40px; /* Separación entre el título y los botones */
}

h1 {
    color: #ffffff;
    font-size: 2.5rem;
    text-shadow: 3px 3px 0px #e84800, 6px 6px 0px #000000; /* Sombras como el logo de Super Mario */
}

.container {
    text-align: center;
    
    padding: 30px;
    width: 80%;
    max-width: 700px;
   
    border-radius: 15px;
}

.button-container {
    display: flex;
    justify-content: center;
    gap: 20px;
}

.game-button {
    background-color: #e84800; /* Color rojo, como los ladrillos o Mario */
    color: #ffffff;
    font-size: 1.2rem;
    text-decoration: none;
    padding: 15px 25px;
    border: 3px solid #ffd700; /* Borde dorado inspirado en las monedas */
    border-radius: 10px;
    box-shadow: 5px 5px 0px #000000, 8px 8px 0px #555555;
    transition: transform 0.2s, box-shadow 0.2s;
    font-weight: bold;
}

.game-button:hover {
    transform: translate(-3px, -3px);
    box-shadow: 3px 3px 0px #000000, 6px 6px 0px #555555;
}

.game-button:active {
    transform: translate(3px, 3px);
    box-shadow: 0px 0px 0px #000000, 3px 3px 0px #555555;
}

/* Tipografía pixelada retro */
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');