#night-section {
    background: #000022; 
    transition: background-color 0.5s ease;
}

#night-section .label {
    color: #00ff00; 
    text-shadow: 0 0 5px #00ff00, 0 0 10px #00ff00; 
    font-size: 1.5rem; 
}

#night-section .night-text,
#night-section .night-text span {
    font-size: 2rem; 
    color: #00ff00; 
    -webkit-text-stroke-color: #00ff00; 
}

#night-section textarea {
    background: #222244; 
    color: #00ff00; 
    border: 1px solid #00ff00; 
    font-size: 1rem; 
    padding: 10px; 
    margin-top: 10px; 
}

.night-output span {
    animation: nightGlow 2s infinite alternate; 
    display: inline-block;
    color: #00ff00; 
}

@media (max-width: 768px) {
    #night-section .label,
    #night-section .night-text {
        text-align: center; 
        margin-right: 0; 
    }

    #night-section .textarea-container,
    #night-section .night-text {
        width: 100%; 
        font-size: 1.5rem; 
    }
}

@keyframes nightGlow {
    0%, 100% { 
        opacity: 1;
        text-shadow: 0 0 10px #00ff00, 0 0 20px #00ff00, 0 0 30px #00ff00; 
    }
    50% { 
        opacity: 0.6; 
        text-shadow: 0 0 5px #00ff00, 0 0 15px #00ff00, 0 0 25px #00ff00; 
    }
}