img {
  float: left;
  max-width: 20%;
  margin-right: 20px;
}

.lokobap {
  overflow: auto;
  margin-bottom: 20px;
  padding: 20px;
  background-color: #f5f5f5; /* Светло-серый цвет фона */
  border-radius: 20px; /* Скругленные углы */
}

        .min {
            font-family: 'Montserrat', sans-serif; /* Устанавливаем шрифт Montserrat */
            font-size: 12px; /* Устанавливаем размер шрифта */
            color: #333; /* Темный текст */
            padding: 10px;
        }

        /* Логотип */
        .vaqalal {
            background-image: url('path/to/your/logo-image.jpg'); /* Замените путь на путь к вашему логотипу */
            background-size: contain; /* Задаем размер изображения, чтобы оно вмещалось в блок */
            width: 200px; /* Задаем ширину блока */
            height: 100px; /* Задаем высоту блока */
            margin: 20px auto;
            border-radius: 10px; /* Скругление для логотипа */
        }
 

 /* Общие стили */
        body {
            margin: 0;
            padding: 0;
            font-family: Arial, sans-serif;
            background-color: #f9f9f9; /* Светлый фон */
        }

        /* Хедер */
        header {
            background-color: #f0a500; /* Желтый цвет для хедера */
            color: #333; /* Темный текст */
            padding: 20px;
            text-align: center;
            border-radius: 10px; /* Скругление для хедера */
        }

        /* Меню */
        nav {
            background-color: #e5e5e5; /* Светло-серый цвет для меню */
            text-align: center;
            padding: 10px;
            border-radius: 10px; /* Скругление для меню */
        }

        nav ul {
            list-style: none;
            padding: 0;
        }

        nav li {
            display: inline;
            margin: 0 20px;
        }

        nav a {
            text-decoration: none;
            color: #333; /* Темный текст */
            font-weight: bold;
        }

        
        /* Стили для блока .zidu */
        .zidu {
            background-color: #fff; /* Цвет фона */
            border-radius: 10px; /* Скругление углов */
            padding: 20px;
            margin: 20px;
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); /* Тень блока */
        }

        /* Футер */
        footer {
            background-color: #e5e5e5; /* Светло-серый цвет для футера */
            color: #333; /* Темный текст */
            padding: 10px;
            text-align: center;
            border-radius: 10px; /* Скругление для футера */
        }

        /* Анимация */
        .animation-example {
            width: 100px;
            height: 100px;
            background-color: #007bff;
            margin: 20px auto;
            transition: background-color 0.3s ease-in-out;
            border-radius: 50%; /* Скругление для элемента с анимацией */
        }

        .animation-example:hover {
            background-color: #ff5733;
        }

        /* Медиа-запросы для адаптивности */
        @media (max-width: 768px) {
            nav li {
                display: block;
                margin: 10px 0;
            }
        }