body {
    background-color: #000; /* Fundo totalmente preto */
    display: flex; /* Habilita o Flexbox para centralização */
    justify-content: center; /* Centraliza horizontalmente */
    align-items: center; /* Centraliza verticalmente */
    min-height: 100vh; /* Garante que o body ocupe 100% da altura da viewport */
    margin: 0; /* Remove margens padrão do body */
    overflow: hidden; /* Evita barras de rolagem desnecessárias */
}

.container {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 90vw; /* Garante que o container não seja muito largo em telas grandes */
    max-height: 90vh; /* Garante que o container não seja muito alto em telas grandes */
}

.creface-image {
    max-width: 100%; /* Garante que a imagem seja responsiva */
    height: auto; /* Mantém a proporção da imagem */
    filter: drop-shadow(0 0 15px rgba(255, 255, 255, 0.4)); /* Sombra inicial branca */
    animation: flicker 2s infinite alternate; /* Aplica a animação de oscilação */
}

@keyframes flicker {
    0% {
        filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.3)); /* Sombra mais fraca */
    }
    30% {
        filter: drop-shadow(0 0 25px rgba(255, 255, 255, 0.6)); /* Sombra mais forte, deslocada */
    }
    60% {
        filter: drop-shadow(0 0 15px rgba(255, 255, 255, 0.4)); /* Sombra intermediária */
    }
}