@charset "UTF-8";

.image {
    max-width: 800px;   /* Максимальная ширина */
    max-height: 400px; /* Максимальная высота */
    width: auto; /* Автоматическая ширина для сохранения пропорций */
    height: auto; /* Автоматическая высота для сохранения пропорций */
    display: block;
}

/* ============= Изображение лого ================ */
.image2 {
    max-width: 80px; /* Максимальная ширина */
    max-height: 80px; /* Максимальная высота */
    width: auto; /* Автоматическая ширина для сохранения пропорций */
    height: auto; /* Автоматическая высота для сохранения пропорций */
    display: block;
}
/* ============= Изображение лого ================ */

/* ============= Блюр на изображение, исчезает при наведении ================ */
.blurred-rounded {
    border-radius: 12px; /* Скругление углов */
    filter: blur(4px);   /* Размытие контура */
    box-shadow: 0 0 10px rgba(0,0,0,0.3); /* Дополнительный эффект размытия по контуру */
    transition: all 0.3s ease;
}

.blurred-rounded:hover {
    filter: blur(0);     /* Убираем размытие при наведении */
    box-shadow: 0 0 20px rgba(0,0,0,0.5);
}
/* ============= Блюр на изображение, исчезает при наведении ================ */


/* ============= Скругление изображения ================ */
.rounded {
    display: flex;              /* Включаем Flexbox */
    justify-content: center;    /* Центрируем по горизонтали */
    align-items: center;        /* Центрируем по вертикали */
        border-radius: 30px; /* Скругление углов */
        box-shadow: 0 0 15px rgba(0,0,0,0.3); /* Дополнительный эффект размытия по контуру */
        max-width: 100%;   /* Максимальная ширина */
        max-height: 800px; /* Максимальная высота */
        width: auto; /* Автоматическая ширина для сохранения пропорций */
        height: auto; /* Автоматическая высота для сохранения пропорций */
        display: block;
}
/* ============= Скругление изображения ================ */

/* ============= Скругление изображения ================ */
.rounded2 {
    display: flex;              /* Включаем Flexbox */
    justify-content: center;    /* Центрируем по горизонтали */
    align-items: center;        /* Центрируем по вертикали */
        border-radius: 30px; /* Скругление углов */
        box-shadow: 0 0 15px rgba(0,0,0,0.3); /* Дополнительный эффект размытия по контуру */
        max-width: 900px;   /* Максимальная ширина */
        max-height: 500px; /* Максимальная высота */
        width: auto; /* Автоматическая ширина для сохранения пропорций */
        height: auto; /* Автоматическая высота для сохранения пропорций */
        display: block;
}
/* ============= Скругление изображения ================ */