body {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    color: #3D2B1F; /* Цвет текста */
    display: grid;
    place-items: center;
    background-color: #fdf2d7;
    margin: 3%;
    /*margin-top: 10%; /* Отступ сверху */
}
.glava_blok {
	font-family: Times New Roman;
	font-size: 20px;
	background: #fffff;
	text-align: justify; /* Выравнивание по ширине */
}
.glava {
	font-weight: bold; /*Жирное начертание*/
	font-size: 24px;
}
.progress {
	background: -moz-linear-gradient(top, #333, #999); /* Fx 3.6+ */
	background: -webkit-linear-gradient(top, #333, #999); /* Chrome 10+,Safari 5.1+ */
	background: -o-linear-gradient(top, #333,#999); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #333, #999); /* IE10+ */
	background: linear-gradient(to bottom, #333, #999); /* W3C */
	border: 1px solid #333; /* Рамка */
	height: 20px; /* Высота */
	border-radius: 10px; /* Радиус скругления */
	position: relative; /* Относительное позиционирование */
	overflow: hidden; /* Прячем ненужную тень */
}
.progress::before {
	content: '¶';
	position: absolute; /* Абсолютное позиционирование */
	height: 28px; width: 100px;
	background: #5bc1fe; /* Для старых браузеров */
	background: -moz-linear-gradient(top, #5bc1fe, #018ef2 50%, #57befd); /* Fx 3.6+ */
	background: -webkit-linear-gradient(top, #5bc1fe, #018ef2 50%, #57befd); /* Chrome 10+,Safari 5.1+ */
	background: -o-linear-gradient(top, #5bc1fe,#018ef2 50%,#57befd); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #5bc1fe, #018ef2 50%, #57befd); /* IE10+ */
	background: linear-gradient(to bottom, #5bc1fe,#018ef2 50%, #57befd); /* W3C */
	border: 1px solid #008DF2; /* Рамка */
	box-shadow: 3px 0 3px rgba(0,0,0,0.5); /* Тень справа */
}
a {
	font-size: 16px;
	color: blue; /* Цвет обычной ссылки */ 
	text-decoration: none; /* Убираем подчеркивание у ссылок */
}
a:hover {
	color: #333; /*Цвет ссылки при наведении на нее курсора мыши */
	text-decoration: underline; /* Добавляем подчеркивание */
	/*font-weight: bold; /*Жирное начертание*/
}
p {
	line-height: 1.3; /*Межстрочное расстояние*/
}
h1 {
	text-align: center;
}
h2 {
	text-align: center;
    line-height: 1.5; /*Межстрочное расстояние*/
} 
h3 {
    font-weight: bold; /*Жирное начертание*/
    text-align: center;
    line-height: 1.5; /*Межстрочное расстояние*/
    font-family:'Times New Roman', Times, serif; /* Шрифт с засечками */
    font-size: 24px;
    font-style: italic; /* Курсивное начертание */
}
.read {
    text-align: center;
}
ol {
	list-style-type: disc; /* Убираем маркеры none*/
	line-height: 1.5; /*межстрочнае расстояние*/
}
ul {
	/*list-style-type: circle; Убираем маркеры none*/
	line-height: 1.5; /*межстрочнае расстояние*/
}
li::before {
	/*content: '➡️';  Символ маркера*/
	color: #FFCC00; /* Цвет маркера */
	margin-right: 0.5em;  Расстояние от маркера до текста */
}
									/*calendar*/							
.calendar {
	background-color: #111111;
	border-radius: 10px;
	box-shadow: 0 0 30px #222222;
	overflow: hidden;
	width: 300px;
	color: white;
	padding: 20px;
}
.header_1 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px;
}
.btn {
	cursor: pointer;
}
#month-year {
	font-weight: bold;
	font-size: 20px;
}
.weekdays, .days {
	display: flex;
	flex-wrap: wrap;
}
.days {
	height: 210px;
}
.rest {
	color: red;
}
.weekdays div, .days div {
	width: 14%;
	text-align: center;
	padding: 9px 0;
	border-radius: 5px;
}
/*.days div {
	cursor: pointer;
	transition: background-color 0.3s;
}
.days div:hover {
	background-color: white;
	color: orangered;
}*/
.days .today {
	background-color: orangered;
	color: white;
}
.days .fade {
	color: #555;
}
.header {
    /*position: fixed; /* Фиксированное положение */
    left: 90px; /* Расстояние от левого края окна браузера */
    top: 0%; /* Расстояние сверху */
    /*padding: 10px; /* Поля вокруг текста */ 
    /*background: red; /* Цвет фона */ 
    /*border: 1px solid #632f0c; /* Параметры рамки */
    /*border-radius: 5px;*/
    /*font-weight: bold;*/
    color: #632f0c;
    font-size: 18px ;
    width: 100%; /* Ширина */
}
.menu {
	color: #999;
	font-size: 14px;
}
.menu_vision {
	position: fixed; /* Фиксированное положение */
	right: 255px; /* Расстояние от правого края окна браузера */
	top: 90%; /* Расстояние сверху */
	padding: 10px; /* Поля вокруг текста */ 
	background: #fdf2d7; /* Цвет фона */ 
	border: 1px solid #632f0c; /* Параметры рамки */
	border-radius: 5px;
}
.menu_BD {
	position: fixed; /* Фиксированное положение */
	right: 160px; /* Расстояние от правого края окна браузера */
	top: 90%; /* Расстояние сверху */
	padding: 10px; /* Поля вокруг текста */ 
	background: #fdf2d7; /* Цвет фона */ 
	border: 1px solid #632f0c; /* Параметры рамки */
	border-radius: 5px;
}
.menu_strategy {
	position: fixed; /* Фиксированное положение */
	right: 75px; /* Расстояние от правого края окна браузера */
	top: 90%; /* Расстояние сверху */
	padding: 10px; /* Поля вокруг текста */ 
	background: #fdf2d7; /* Цвет фона */ 
	border: 1px solid #632f0c; /* Параметры рамки */
	border-radius: 5px;
}
.menu_top {
	position: fixed; /* Фиксированное положение */
	right: 10px; /* Расстояние от правого края окна браузера */
	top: 90%; /* Расстояние сверху */
	padding: 10px; /* Поля вокруг текста */ 
	background: #fdf2d7; /* Цвет фона */ 
	border: 1px solid #632f0c; /* Параметры рамки */
	border-radius: 5px;
}
.text {
	height: 1000px;
}
.letter_inp {
	background: ; /*Цвет фона */
	margin-left: 3px; /* Поля вокруг текста */
	padding: 5px;
	border-radius: 5px;
	border: 3px solid #632f0c; /* Параметры рамки */
	word-break: break-all; /* Перенос слов */
	margin: 0 0 10px 0;
	width:90%;
}
.letter_out {
	background: ; /*Цвет фона */
	padding: 5px;
	border-radius: 5px;
	border: 3px solid #632f0c; /* Параметры рамки */
	word-break: break-all; /* Перенос слов */
	margin: 0 0 10px 20px;
	width:90%;
}
.cal_dayoff {
	color: #FF4D00;
	font-weight: bold;
}
.cal_weekdays {
	color: #999;
	font-weight: ;
}
.cal_weekdays_today {
	color: #000;
	font-weight: ;
	background: #9EFD38;
	padding: 10px;
	border-radius: 5px;
	margin-right: ;
}
table {
	width: 100%; /* Ширина таблицы */
	background: #632f0c; /* Цвет фона таблицы */
	color: #333; /* Цвет текста */
	border-spacing: 2px; /* Расстояние между ячейками */
}
table#code {
	width: ; /* Ширина таблицы */
	background: #bebebe; /* Цвет фона таблицы */
	color: #333; /* Цвет текста */
	border-spacing: 0px; /* Расстояние между ячейками */
	font-size: 16px;
}
td, th {
	background: #FFFAC0; /* Цвет фона ячеек */
	padding: 5px; /* Поля вокруг текста */
	text-align: left;
	word-break: break-all; /* Перенос слов */
}
textarea {
	/*font-family: monospace;  Моношириный шрифт */
	font-size: 15px;
	padding: 4px;
	width: 100%;
	border: 1px solid #ccc;
	background: #eee;
	max-height: 600px;
}
.p_edit {
	font-family: monospace; /* Моношириный шрифт */
	font-size: 15px;
	color: #999;
}
pre {
	background: #f0f0f0;
	padding: 7px;
	margin: 0 0 1em;
}
.block {
	background: #FFFAC0; /* Цвет фона */
	padding: 5px; /* Поля вокруг текста */
	border: 2px solid #632f0c; /* Параметры рамки */
	margin: 10px; /* Отступы */
	font-size: 15px;
	line-height: 1.5; /*Межстрочное расстояние*/
	width: 90%; /*Ширина*/
	font-family: monospace; /* Моношириный шрифт */
	word-break: break-all; /* Перенос слов */
}
.red {
	color: red;
}
.container{
    width: 70%;
    /*background-color: #fff;*/
    margin: 0 auto;
    padding: 0 60px;
    line-height: 1.5; /*Межстрочное расстояние*/
    display: flex;
    flex-direction: column;
}
img {
    width: 30%;
    align: center;
}
.footer {
    width: 100%;
    position: fixed; /* Фиксированное положение */
    background: #fdf2d7; /*Цвет фона */
    color: #333;
    bottom: 0px;
    text-align: center;
}