/* Общие стили */
body {
    font-family: 'Arial', sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f2f2f2;
    color: #333;
}

section {
    padding: 50px;
    text-align: center;
}

/* Эффект замораживания */
.ice-effect {
    opacity: 0;
    transition: opacity 1s ease-in-out, transform 1s ease-in-out;
    transform: translateY(30px); /* Смещение вниз */
}

.ice-effect.frozen {
    opacity: 1;
    transform: translateY(0);
    background: linear-gradient(to right, #a7c0cd, #f0f8ff, #a7c0cd); /* Эффект льда */
    color: #fff; /* Белый цвет текста для контраста */
    padding: 10px;
    border-radius: 5px;
}

/* Кнопка призыва к действию */
button.cta {
    background-color: #1f1f1f;
    color: white;
    border: none;
    padding: 15px 30px;
    font-size: 18px;
    cursor: pointer;
    margin-top: 20px;
    transition: background-color 0.3s;
}

button.cta:hover {
    background-color: #333;
}

/* Стиль для фона секций */
.hero {
    background-image: url('path_to_winter_image.jpg');
    background-size: cover;
    background-position: center;
    color: white;
}

/* Стиль футера */
footer {
    background-color: #1f1f1f;
    color: white;
    padding: 20px;
    text-align: center;
}
