body, html {
margin:5px;
padding:0px;
font-family: Graphik,Helvetica Neue,Helvetica,Arial,sans-serif;
}
#maket {
width:100%;
max-width: 1200px;
margin:0 auto;
background-color:#ffffff;
/*border: 3px solid #990000;*/
}
#header{
background-color:#ffffff;
/* position: sticky;*/
  top: 0;
  min-height: 2em;
  padding: 0.7em;
  text-align: center;
  }

  .h1{
    font-size: 22pt;
  }
  .h2{box-shadow: -10px 0 0 #FE8020, 10px 0 0 #FE8020;}
  
 #logo{
 float: left;
 display: inline-block;
 }
  
#mainmenu{
  border: 0px solid #00FA9A;
  background-color:#ffffff;
  /* position: sticky;*/
  top: 2.7em; /* равно min height header плюс padding header */
  min-height: 1.5em;
  max-width: 1200px;
  padding: 0.2em;
  vertical-align: middle;
  font-size: 16pt;
  text-align: center;
 }

#right{
width:234px;
background-color:#FFFF00;
float:right;
}
#content{
background-color:#ffffff;
margin-left:0px; /*равен ширине блока left*/
/*margin-right:236px; /*равен ширине блока right*/
padding: 1.1em;
}
.round {
  border-radius: 20px; /* Радиус скругления */
  /*border: 3px solid green; /* Параметры рамки */
  /*box-shadow: 0 0 7px #666; /* Параметры тени */
 }
 .h2{
  font-size: 16pt;
}
#intro{
  object-fit: cover;
  background-color:#FFFFFF;
  border: 0px;
  border-radius: 30px;
  margin-left:0px; /*равен ширине блока left*/
  /*margin-right:236px; /*равен ширине блока right*/
  padding: 0em;
  /*width:100%;
  max-width: 1200px;*/
  
  }

 #about{
  font-size: 14pt;
  /*background-color:#706457;*/
  background-color:#ede8df;
  border: 0px;
  border-radius: 20px;
  padding: 1.6em;
  color: #2C2B33;
  text-align: justify;
  text-indent:30px;
  line-height: 1.5;
  } 
#skill{
    font-size: 14pt;
    /*background-color: #CCBB9A;*/
    background-color:#eae4dd;
    border: 0px;
    border-radius: 20px;
    /*margin-left:0px; /*равен ширине блока left*/
    padding: 1.6em;
    color: #000000;
    text-align: justify;
    text-indent:30px;
    line-height: 1.5;
  }
  
.block {
    display: inline-block;
    margin: 2px;
    text-align: center;
    font-weight: bold;
    padding: 5px;
    border: 2px solid #303030;
    width: 30%;
    background:#e0d0c3;
    outline: 0px solid #303030;
  }
.block2 {
    display: inline-block;
    margin: 5px;
    text-align: center;
    padding: 5px;
    border: 0px solid #303030;
    width: 30%;
    vertical-align:top;
    outline: 0px solid #303030;
  }

.wraper {
    width: 90%;
    margin: auto; 
    text-align: center;
    border: 0px solid #dddddd;
    padding: 5px;
  }  
    
.table {
  width: 95%;
  margin: auto; 
  text-align: center;
  border: 0px solid #dddddd;
  padding: 5px
}
.table th {
	font-weight: bold;
	padding: 5px;
	border: 0px solid #dddddd;
  text-align: center;
}
.table td {
  width: 33%;
  border: 0px solid #dddddd;
  padding: 15px;
  padding-top: 5px;
  text-align: center;
  color: #000000;
}

.table1 {
  width: 60%;
  margin: auto; 
  text-align: center;
  border: 0px solid #dddddd;
  padding: 5px;
  outline: 1px solid #706457;
  border-spacing: 11px 5px;
}
.table1 th {
	font-weight: bold;
	padding: 5px;
	border: 2px solid #303030;
  text-align: center;
  width: 50%;
  background:#e0d0c3;
  outline: 0px solid #303030;
}
.table1 td {
  width: 33%;
  border: 1px solid #dddddd;
  padding: 15px;
  padding-top: 5px;
  text-align: center;
  color: #000000;
}


#edu{
      font-size: 14pt;
      background-color:#e0d0c3;
      border: 0px;
      border-radius: 20px;
      margin-left:0px; /*равен ширине блока left*/
      /*margin-right:236px; /*равен ширине блока right*/
      padding: 1.6em;
      color: #000000;
      padding: 2.1em;
      text-align:justify;
      line-height: 1.5;
}
 
#univer{
        font-size: 14pt;
        background-color:#ffffff;
        border: 0px;
        border-radius: 20px;
        margin-left:0px; /*равен ширине блока left*/
        /*margin-right:236px; /*равен ширине блока right*/
        padding: 1.6em;
        color: #2a2a2a;
        line-height: 1.5;
        }
#achievements{
          font-size: 14pt;
          background-color:#765657;
          border: 0px;
          border-radius: 20px;
          /*margin-left:0px; /*равен ширине блока left*/
          padding: 1.1em;
          color: #ffffff;
          }
          #rev{
            font-size: 14pt;
            background-color:#3b3d3c;
            border: 0px;
            border-radius: 20px;
            margin-left:0px; /*равен ширине блока left*/
            /*margin-right:236px; /*равен ширине блока right*/
            padding: 1.6em;
            color: #ffffff;
            padding: 2.1em;
            text-align:justify;
            line-height: 1.5;
      }
#footer{
background-color:#FFC0FF;
clear:both;
}

ul {
  /*list-style: none; /*убираем маркеры списка*/
  /*margin: 0; /*убираем верхнее и нижнее поле, равное 1em*/
  /*padding-left: 0; /*убираем левый отступ, равный 40px*/
  text-align: justify;
 
}
/*.nav-menu {
  position: relative;
  text-align: justify;

  }*/
    
.ul-menu  {
 /*list-style: none;*/
  /*min-width:100%;*/
  text-align: justify;
  width: 100%; /* Ширина основного блока меню */
	/*height: 20px; /* Высота основного блока меню */
  position: relative;
  display: table;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
.ul-menu li {
/*display: inline-block;*/
display: table-cell;
	position: relative;
vertical-align: middle;
}



.ul-menu a {
text-decoration: none; /*убираем подчеркивание текста ссылок*/
/*text-transform: uppercase; /* Заглавные буквы */
display: block;
	position: relative;
	width: 100%;
	height: 100%;
	text-align:center;
	color: #000000;
	/*line-height: 20px; /* Приравниваем к высоте, чтобы выровнять текст по вертикали */
}

.ul-menu a:visited {
color:#000000;
}

.form-search {
  display: inline-block;
  float:right;
  font-family: Graphik,Helvetica Neue,Helvetica,Arial,sans-serif;
  font-weight: bold;
  word-wrap: normal;
  
  
}
.form-search input {
  all: unset;
  
}

.ya-site-form ya-site-form_inited_no {
display: inline-block;
  float:right;
  font-family: Graphik,Helvetica Neue,Helvetica,Arial,sans-serif;
  font-weight: bold;
  word-wrap: normal;
  }
  /*ниже все про выпадающее меню*/
*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

nav{
  background: #fff;  
  padding: 15px;
}
.list-menu{
  display: flex;
  list-style: none;
}
.list-menu > li > a{
  color: #000;
  display: block;
  padding: 5px 15px;
}
.list-menu > li > a:hover{
  background: #fff;
}

#btn-menu{
  display: none;
}
#btn-menu + label{
  display: none; 
  position: relative;
  color: #000; 
  height: 20px;
  z-index: 1;
  cursor: pointer;
}
#btn-menu + label:before{
  content: '\f0c9';  
  display: inline-block;
  font-family:'FontAwesome';
  font-size: 22px;
}
#btn-menu:checked + label:before{
  content: '\f00d';
  color: #f00;
}

@media screen and (max-width: 767px) {
 
   #btn-menu + label{
      display: inline-block;
   }
  #btn-menu + label + .list-menu{
    display: none;
  }
  #btn-menu:checked + label + .list-menu{
    display: block;
  }
}