body {
    margin: 0;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #D1CDB7;
    color: #454138;
    font-family: 'Courier New', Courier, monospace;
    overflow: hidden;
    background-image: linear-gradient(to right, #CBC7B0 1px, transparent 1px),
                      linear-gradient(to bottom, #CBC7B0 1px, transparent 1px);
    background-size: 5px 5px; /* Размер клетки 4x4 пикселя */
}

#date-container {
    font-size: 4rem; /* Базовый размер шрифта для больших экранов */
    letter-spacing: 0.2rem;
    text-align: center;
    color: #454138;
    animation: flicker 2s infinite;
}

/* Адаптивный текст для мобильных устройств */
@media (max-width: 768px) {
    #date-container {
        font-size: 3rem; /* Уменьшаем размер шрифта на планшетах */
    }
}

@media (max-width: 480px) {
    #date-container {
        font-size: 2rem; /* Ещё меньше для смартфонов */
    }
}

/* Дополнительный эффект мерцания */
@keyframes flicker {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.8; }
}