body{
    font-family: system-ui;
    margin: 0;
    background-color: #221d29;
    background-image: url(/fs/114/razvody_razmazannyj_gradient_151800_2560x1600.jpg);
    color: aliceblue;
}

h2{
  font-size: inherit;
}

a{
  color: #e69f00;
  text-decoration: none;
}

.page-note{
  display: none;
}

.page-body{
  padding: 35px;
}
.page-name{
  padding-left: 35px;
}

.page-img{
  display: none;
}

.button-inter{
  display: none;
}

#content{
    border: 1px solid;
    border-radius: 22px;
    border-color: black;
    font-size: 23px;
    width: 90%;
    margin: 21px auto;
    padding: 10px;
    box-shadow: 0 0 13px 1px #00000052;
    background-color: inherit;
}

#top-menu{box-shadow: 0 0 13px 3px black;}

.nav ul {
  list-style: none; /*убираем маркеры списка*/
  margin: 0; /*убираем отступы*/
  padding-left: 0; /*убираем отступы*/  
  background:#e69f00;; /*добавляем фон всему меню*/
  height: 50px; /*задаем высоту*/
}
.nav a {
  text-decoration: none; /*убираем подчеркивание текста ссылок*/
  background:#e69f00; /*добавляем фон к пункту меню*/
  color:#fff; /*меняем цвет ссылок*/
  padding:0px 15px; /*добавляем отступ*/
  font-family: arial; /*меняем шрифт*/
  line-height:50px; /*ровняем меню по вертикали*/
  display: block; 
  border-right: 1px solid #000000; /*добавляем бордюр справа*/
  -moz-transition: all 0.3s 0.01s ease; /*делаем плавный переход*/
  -o-transition: all 0.3s 0.01s ease;
  -webkit-transition: all 0.3s 0.01s ease;
}
.nav a:hover {
  background:#D43737;/*добавляем эффект при наведении*/
}
.nav li {
  float:left; /*Размещаем список горизонтально для реализации меню*/
  position:relative; /*задаем позицию для позиционирования*/
}
     
    /*Стили для скрытого выпадающего меню*/
    .nav li > ul {
        position:absolute;
        
        display:none;   
    }
     
    /*Делаем скрытую часть видимой*/
    .nav li:hover > ul {
        display:block; 
        width:250px;  /*Задаем ширину выпадающего меню*/      
    }
  .nav  li:hover > ul > li {
        float:none; /*Убираем горизонтальное позиционирование*/
    } 