/* Сброс стандартных стилей и базовые настройки */
body {
    font-family: sans-serif;
    margin: 0;
    padding: 0;
}

header {
    background-color: #333; /* Фон шапки */
    color: white; /* Цвет текста */
    padding: 10px 20px;
}

header h1 {
    margin: 0; /* Убираем отступ у заголовка */
    font-size: 2em;
}

/* Стили для навигации */
nav ul {
    list-style: none; /* Убираем маркеры списка */
    padding: 0;
    margin: 10px 0 0 0;
}

nav li {
    display: inline-block; /* Выстраиваем пункты в ряд */
    margin-right: 15px; /* Отступы между пунктами */
}

nav a {
    color: #fff; /* Цвет ссылок */
    text-decoration: none; /* Убираем подчеркивание ссылок */
    font-weight: bold;
    transition: color 0.3s ease; /* Плавное изменение цвета при наведении */
}

nav a:hover {
    color: #00ccff; /* Цвет ссылки при наведении */
}

/* Пример стилизации основного контента */
main {
    padding: 20px;
}

.clickable {
    cursor: pointer;
}