body{
	background: #1c1a4c;
	font-size:20px ;
}
.container{
	background: #fdf2c5;
	margin: 30px auto;
	width: 900px;
	height: 1000px;
}
.header{
	height: 300px;
	width: 900px;
	background: #4a6ea7;
}
.navigation{
	background: #4a6ea7;
	width: 900px;
	height: 50px;
	margin: 10px 0;
	display: flex;
	align-items: center;
}
.content{
	background: #e6e8d9;
	float: right;
	width: 900px;
	height: 600px;
}
.clear{
	clear: both;
}
.footer{
	background: #27549c;
	height: 60px;
	width: 900px;
	text-align: center;
	font-size: 20pt;
}
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;
}