body { 
background: #ffffff url(./img/fon_aes.jpg); /* Фоновый цвет и фоновый рисунок*/
color: #fff; /*Цвет текста на странице*/
background-attachment: fixed; /* Фон страницы фиксируется */
background-repeat: no-repeat; /*Изображение не повторяется (либо 'repeat-x' повтор) */
background-position: center center; /* Фоновое изображение выровнено по центру в горизонтальной и вертикальной плоскости */
background-size: cover; /* Фоновое изображение на весь размер окна браузера */
}
.letter {
     color: OrangeRed; /* Красный цвет символов */
     font-size: 125%; /* Размер шрифта в процентах */
     font-family: serif; /* Шрифт с засечками */
     position: relative; /* Относительное позиционирование */
     top: 1px; /* Сдвиг сверху */
    }
.line {
    text-decoration: underline; /* Добавляем подчеркивание*/
}
#shapka{
  text-align: left; /* Выравнивание внутреннего контента по левому краю */
  width: 900px; /* Ширина блока и общая ширина*/
  /*background: #abd;  Цвет фона */
  background: rgba(220, 220, 220, 0.2);
  height: 70px; /* Высота блока */
  margin-right: auto; /* Авто-отступ справа */
  margin-left: auto; /* Авто-отступ слева */
  border: 1px solid MidnightBlue;
  border-radius: 10px;
  margin-bottom: 10px;
  box-shadow: 8px 8px 5px #444;
}
#logo {
  	display: flex;
	align-items: center;
    	justify-content: center;
	float: left;
        width: 110px;
	height: 70px;
	border: 0px solid red;
	border-radius: 10px;
}
#name {
        display: flex;
	align-items: center;
        justify-content: center;
        float: left;
        width: 600px;
	height: 70px;
	margin-left: 10px;
        border: 0px solid red;
        border-radius: 10px;
	font-size: 40px;
	color: MidnightBlue;
	font-family: Arial;
	font-weight: bold;
	user-select: none; /*запретить выделять текст*/ 
}
/* для контейнера */
#container {
  width: 900px; /* Ширина слоя или ширина макета+20px */
  margin-right: auto; /* Авто-отступ справа */
  margin-left: auto; /* Авто-отступ слева */
 }
#content { /*Правая колонка*/ 
    width: 696px; /* Ширина слоя */ 
    float: left; /* Обтекание с соседним слоем */ 
    padding: 10px; /* Внутренние поля вокруг содержимого */ 
    background: rgba(220, 220, 220, 0.2); 
    border: 1px solid MidnightBlue;
    border-radius: 10px;
    box-shadow: 8px 8px 5px #444; 
    font-size: 16px;   
    color: MidnightBlue;
    font-family: Arial; 
    font-weight: bold;
  }
#file {
    width: 696px; /* Ширина слоя */
    height: 300px; /* Высота слоя */
    float: left; /* Обтекание с соседним слоем */
    padding: 10px; /* Внутренние поля вокруг содержимого */
    background: rgba(220, 220, 220, 0.2);
    border: 1px solid MidnightBlue;
    border-radius: 10px;
    box-shadow: 8px 8px 5px #444;
    font-size: 16px;
    color: MidnightBlue;
    font-family: Arial;
    font-weight: bold;
  }
#menu {
  width: 150px; /* Ширина слоя */ 
  float: right; /* Обтекание с соседним слоем */ 
  background: rgba(220, 220, 220, 0.2);
  padding: 7px; /* Внутренние поля вокруг содержимого */
  margin-left: 10px;
  margin-bottom: 10px;
  border: 1px solid MidnightBlue;
  border-radius: 10px;
  box-shadow: 8px 8px 5px #444,
	inset 2px 3px 5px rgba(0,0,0,0.3),
	inset -2px -3px 5px rgba(255,255,255,0.5);
  user-select: none;
  font-size: 18px;   
  color: MidnightBlue;
  font-family: Arial; 
  font-weight: bold;
 }
#menu:focus, menu:hover {
  background-image: linear-gradient(to bottom right, #888, #eee);
}

#menu:active {
  box-shadow: inset 2px 2px 1px black,
              inset 2px 3px 5px rgba(0,0,0,0.3),
              inset -2px -3px 5px rgba(255,255,255,0.5);
}
#bottom{
	width: 878px; /* Ширина слоя */ 
	clear:left; /* возвращаем блочность и располагаем слой слева */
	padding: 10px; /* Внутренние поля вокруг содержимого */
	background: rgba(220, 220, 220, 0.2);
	color:#fff;
	margin-right: auto; /* Авто-отступ справа */
        margin-left: auto; /* Авто-отступ слева */
        border: 1px solid MidnightBlue;
        border-radius: 10px;
        box-shadow: 8px 8px 5px #444;
        font-size: 15px;   
        color: MidnightBlue;
        font-family: Arial; 
        font-weight: bold;
}