/*Стили темы дневной и ночной*/
body {
    overflow-y: hidden;
    background-repeat: no-repeat;
    background: linear-gradient(0deg, rgba(253, 190, 29, 1) 38%, rgba(255, 95, 55, 1) 100%);
    background-size: 100% 100%;
}

/*252,69,69,69,1*/

.new_class {
    background: linear-gradient(0deg, rgba(3, 6, 6, 1) 27%, rgba(15, 31, 31, 1) 100%);

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

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

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

    .countdown-title {
        color: grey;
        font-weight: bold;
        font-size: 40px;
        margin: 40px 0px 20px;
    }
    .countdown-text {
        display: block;
        padding-top: 5px;
        font-size: 16px;
        font-weight: bolder;
        color:gray;
        
    }

/* Медиа-запросы для мобильных устройств */
@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;
    }
}