body {
    background-color: #21E041;
    margin: 0;
    overflow: hidden;
    font-family: 'Varela Round', sans-serif;
}

.band {
    position: absolute;
    top: 25vh;
    left: 0;
    width: 100%;
    height: 37.5vh; /* 100vh - 25vh (top) - 37.5vh (bottom) = 37.5vh */
    background-color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
}

#eyes {
    color: #02A6F3;
    font-size: 18.75vh; /* 50% of parent height (37.5vh) */
    margin: 0;
    text-align: center;
    /* Set initial transform for centering. JS will add to this. */
    transform: translate(0, 0); 
    transition: transform 0.2s ease-out;
    animation: pulse 3s infinite ease-in-out;
    user-select: none; /* Prevents text selection */
}

@keyframes pulse {
    0% {
        text-shadow: 0 0 3px #02A6F3, 0 0 6px #02A6F3;
    }
    50% {
        text-shadow: 0 0 5px #02A6F3, 0 0 10px #02A6F3, 0 0 15px #02A6F3;
    }
    100% {
        text-shadow: 0 0 3px #02A6F3, 0 0 6px #02A6F3;
    }
}