.totut {
  display: flex;
  flex-wrap: wrap;
  border-radius: 10px; /* Скругление углов на 10 пикселей */
}

.column {
  width: 25%;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 5px; /* Скругление углов на 5 пикселей */
}

.column img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.column img:hover {
  transform: scale(0.9); /* Уменьшаем изображение на 10% */
  transition: transform 0.3s ease-in-out; /* Добавляем плавный переход */
}


body {
    font-family: 'Poppins', sans-serif; /* Новый шрифт */
    color: #2c2c2c; /* Более темный цвет текста */
    margin: 0;
    padding: 0;
    background-color: #eaeaea; /* Светло-серый фон страницы */
}

/* Стили для блоков */
article, header, footer {
    padding: 25px;
    margin: 30px;
    border-radius: 12px; /* Увеличенное скругление углов */
    background-color: #fafafa; /* Более светлый фон для блоков */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15); /* Увеличена тень для блоков */
}

header {
    background-color: #ff7f50; /* Коралловый цвет для header */
    color: #fdfdfd; /* Белый цвет текста в header */
}

footer {
    background-color: #3b5998; /* Синий цвет для footer */
    color: #f1f1f1; /* Светлый цвет текста в footer */
    padding: 50px 20px; /* Увеличен padding для футера */
    text-align: center;
}

.footer-section {
    margin: 20px 0;
}

.footer-links {
    list-style: none;
    padding: 0;
}

.footer-links li {
    display: inline;
    margin-right: 15px;
}

.footer-links a {
    color: #f1f1f1;
    text-decoration: none;
}

.footer-links a:hover {
    text-decoration: underline;
}

/* Адаптивные стили */
@media (max-width: 768px) {
    article, header, footer {
        margin: 15px;
        padding: 20px;
    }
}

@media (max-width: 480px) {
    article, header, footer {
        margin: 10px;
        padding: 15px;
    }
}

.quote {
    font-style: italic;
    color: #6b8e23; /* Оливковый цвет текста цитаты */
    margin: 25px 0;
    padding-left: 25px;
    border-left: 4px solid #6b8e23; /* Оливковый цвет границы цитаты */
}

.small-text {
    font-size: 12px;
    text-decoration: none;
}

.small-text:hover {
    text-decoration: underline;
}