/* Общие стили дневной */
body {
    text-align: center;
    background: orange; /* цвет фон бэкграунд */
    background-size:100% 100%;
    font-family: sans-serif;
    font-weight: 100;
}

/* Стили для заголовка */
.countdown-title {
    color: white;
    font-weight: bold;
    font-size: 40px;
    margin: 40px 0px 20px;
}

/* Стили для текста */
.texto {
    margin-top: 5%;
    font-weight: bold;
    font-size: 240px; /* 240px десктоп 60px моб */
    color: white;
}

/* Стили для футера */
.fut {
    margin-top: 100%;
}

/* Стили для таймера */
.countdown {
    margin-top: 8%;
    font-family: sans-serif;
    color: white; /* цвет цифр таймера */
    display: inline-block;
    font-weight: 100;
    text-align: center;
    font-size: 209px;
}

.countdown-number {
    padding: 10px;
    border-radius: 3px;
    background: #d54c00; /* цвет рамки таймера */
    display: inline-block;
}

.countdown-time {
    padding: 15px;
    border-radius: 3px;
    background: #ff8637; /* цвет внутри таймера */
    display: inline-block;
}

.countdown-text {
    display: block;
    padding-top: 5px;
    font-size: 16px;
    font-weight: bolder;
    color: white;
}

/* Стили для сообщения о дедлайне */
.deadline-message {
    display: none;
    font-style: italic;
}

.visible {
    display: block;
}

.hidden {
    display: none;
}

/* Медиа-запросы для мобильных устройств */
@media (max-width: 768px) {
    .countdown-title {
        font-size: 30px;
        margin: 20px 0px 10px;
    }

    .texto {
        font-size: 60px; /* уменьшение размера шрифта на мобильных */
    }

    .countdown {
        font-size: 60px; /* уменьшение размера шрифта на мобильных */
    }

    .countdown-number {
        padding: 5px;
    }

    .countdown-time {
        padding: 10px;
    }

    .countdown-text {
        font-size: 12px;
    }
}