body{
	background: rgb(60, 26, 147);                /* Цвет фона */
	color: #000000;							/* Цвет текста */
	font-family: Caveat;					/* Шрифт */
	font-size: 20px;						/* размер шрифта */
}
.container{             /* Класс - дополнительная и более тонкая настройка тегов */

	margin: 30px auto;						/* Отступ */
	width: 900px;							/* Ширина */
	height: 1100px;							/* Высота было 1070 */
}
.header{
	height: 300px;							/* Высота */
	width: 900px;							/* Ширина */
}
.navigation{
	background: #F2E3F6;				/* из контента */
	width: 900px;						/* Ширина  		тут было 20*/
	height: 35px;							/* Высота */
	margin: 10px 0px 10px 0px;
	padding-top: 10px;
}
.content{
	background: #F2E3F6;				/* Ищем фон в паинте и обложке */
	width: 900px;							/* Ширина */
	height: 900px;							/* Высота */

}
.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;
}
.imagies{
	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: #bebebefc; /* Изменяем фон при наведении */
}

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