/* Asegura que el body no tenga márgenes */
body {
    margin: 0;
    padding: 0;
    overflow: hidden; /* Evita barras de scroll */
    background-color: #f0f0f0; /* Color de fondo */
}

/* Estilos para el botón */
.full-screen-button {
    width: 100vw; /* 100% del ancho del viewport */
    height: 100vh; /* 100% del alto del viewport */
    position: fixed; /* Se queda fijo en la pantalla */
    top: 0;
    left: 0;
    background-color: #007BFF; /* Color del botón */
    color: white; /* Color del texto */
    font-size: 240px;
    border: none;
    cursor: pointer;
    display: flex; /* Para centrar el texto si quieres */
    justify-content: center;
    align-items: center;
}

/* Estilos para el hover (opcional) */
.full-screen-button:hover {
    background-color: #0056b3;
}

/* Para hacerlo responsivo y que no se desborde */
@media (max-width: 768px) { /* Ejemplo para móviles */
    .full-screen-button {
        font-size: 20px;
    }
}