body{
	background: #17adcf;                /* Цвет фона */
	color: #000000;							/* Цвет текста */
	font-family: Caveat;					/* Шрифт */
	font-size: 20px;						/* размер шрифта */
}
.container{             /* Класс - дополнительная и более тонкая настройка тегов */
	background: #402862;				/* Фон */
	margin: 30px auto;						/* Отступ */
	width: 900px;							/* Ширина */
	height: 1100px;							/* Высота было 1070 */
}
.header{
	height: 300px;							/* Высота */
	width: 900px;							/* Ширина */
}
.navigation{
	background: #F2E3F6;				/* из контента */
	width: 900px;						/* Ширина  		тут было 20*/
	height: 45px;							/* Высота */
	margin: 10px 0px 10px 0px;
	display: flex;
	align-items: center;
}
.content{
	background: #F2E3F6;				/* Ищем фон в паинте и обложке */
	width: 900px;							/* Ширина */
	height: 700px;							/* Высота */

}
.footer{
	background: #F2E3F6;				/* из контента */
	width: 900px;							/* Ширина */
	height: 35px;						/* Высота было 20*/
	text-align: center;						/* Выравнивание */
	font-size: 20px;						/* Размер текста */
	margin-bottom: 30px;				/* Отступ снизу */
}
a{
	color: black;
	text-decoration: none;
}

td{
	width: 300px;							/* = 3 стр, 2 стр = 450, 4 стр = 225 */
	font-size: 20px;						/* Размер текста */
	text-align: center;						/* Выравнивание */
}

p{
	text-align: justify;
	margin: 10px 10px 10px 10px;
}
.images{
	margin: 10px 10px 10px 10px;			/* Чтоб картинка была с отступом от граней */
	float: left;
}
/* Базовый стиль для всех элементов навигации */
.nav-item {
    text-decoration: none; /* Убираем подчеркивание текста */
    padding:  1px  15px; /* Добавляем отступы вокруг ссылок */
    margin-right:  10px; /* Отступ между ссылками */
    border:  2px solid #ccc; /* Граница вокруг ссылок */
    border-radius:  5px; /* Скругление границ */
    transition: background-color  0.3s ease; /* Анимация изменения фона */
}

/* Эффект при наведении мыши */
.nav-item:hover {
    background-color: #68bfd3; /* Изменяем фон при наведении */
}

/* Активная ссылка (например, страница, на которой пользователь находится) */
.nav-item.active {
    background-color: #68bfd3;/* Яркость фона для активной ссылки */
}
h1{
	padding-top: 10px;
}