@import url('https://fonts.googleapis.com/css2?family=Pompiere&display=swap');

body{
    font-family: 'Pompiere', cursive;
    background-color: #FEFEFE;
}

body.rojo {
    background-color: red; /* Fondo rojo por defecto */
}

body.verde {
    background-color: green; /* Fondo verde cuando se active */
}

.contenedor {
    display: flex;
    justify-content: center; /* Centra horizontalmente */
    align-items: center; /* Centra verticalmente */
    height: 100vh; /* Utiliza 100% de la altura de la ventana */
}

button {
    padding: 10px 20px; /* Añade un poco de relleno al botón */
    font-size: 16px; /* Aumenta el tamaño del texto */
    cursor: pointer; /* Cambia el cursor a un puntero */
}

.fa-1_5x{ font-size: 1.5em !important;}
.fa-1_25x{ font-size: 1.25em !important;}
.h50{ height: 50px}
.h100{ height: 100px}
.oculto{display: none;}
.cursor-pointer{ cursor: pointer; }