@media (max-width: 768px) {
  nav {
    width: 100%;
  }
}
body {
    background-color: #212121;
    color: #fff;
    font-family: sans-serif;
}

header {
    height: 100px;
    background-color: #333;
    color: #fff;
    padding: 20px;
}

nav {
    float: left;
    width: 100%; /* Изменим ширину меню на 100%, чтобы стало горизонтальной полоской */
    display: flex; /* Добавим display: flex, чтобы элементы меню располагались горизонтально */
    justify-content: space-around; /* Распределение элементов меню с одинаковыми промежутками между ними */
    align-items: center; /* Центрирование элементов меню по вертикали */
}

a {
    color: #fff;
    text-decoration: none;
}

a:hover {
    color: #ccc;
}

main {
    margin-left: 200px;
}

footer {
    height: 100px;
    background-color: #333;
    color: #fff;
    padding: 20px;
    text-align: center; /* Добавим выравнивание по центру */
    font-size: 14px; /* Уменьшим размер шрифта */
}
.image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    overflow: hidden; /* Ограничим отображение содержимого внутри контейнера */
}

.image-container img {
    max-height: 80%;
    width: auto;
}