.light-text {
    position: relative; /* Required for positioning the pseudo-element */
    color: #f0f0f0; /* Light color for text */
    font-size: 2em; /* Adjust size as needed */
    overflow: hidden; /* Prevent overflow from the pseudo-element */
}

    .light-text::before {
        content: ''; /* Empty content for the pseudo-element */
        position: absolute;
        top: 0; /* Position at the top of the text */
        left: 0; /* Position at the left of the text */
        width: 100%; /* Full width */
        height: 100%; /* Full height */
        background: rgba(255, 255, 255, 0.2); /* Light overlay */
        filter: blur(5px); /* Blur effect for softness */
        z-index: -1; /* Behind the text */
        animation: glow 1s infinite alternate; /* Animation applied */
    }

@keyframes glow {
    0% {
        opacity: 0.2; /* Start with low opacity */
    }

    100% {
        opacity: 0.7; /* End with higher opacity */
    }
}

#datetime {
    font-size: 15px;
    font-family: 'Copperplate Gothic';
    font-weight: bold;
    color: darkblue;
    width: 600px;
}

.container {
    width: 1170px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}