/* Style the body */

.content {
  margin: 20px;
  color: #303030;

}

.body {
font-family: 'Noto Sans', sans-serif; }


/* Header/logo Title */
.header {
  padding: 0px;
  text-align: center;
  background: #ffffff;
  color: white;
}

/* Increase the font size of the heading */
.header h1 {
  font-size: 30px;
}

/* Style the top navigation bar */
.navbar {
overflow: hidden;
padding: 20px;
background-color: rgb(255, 255, 255);
font-weight: 600;
text-transform: uppercase;
font-size: 24px;
text-align:center;
font-family:"Lato", sans-serif;
}

/* Style the navigation bar links */
.navbar a {
float: center;
color: #16625e;
display:inline;
padding-right: 20px;
text-decoration: none;
text-align: center;

}

/* Change color on hover */
.navbar a:hover {
background-color: #16625e;
color: rgb(255, 255, 255);
margin:auto;
padding: 20px;

}


* {box-sizing: border-box}
body {font-family: "Lato", sans-serif;}

/* Style the tab */
.tab {
  float: left;
  border: none;
  background-color: #f1f1f1;
  width:fit-content;
  height: auto;
  color: #303030;
  
  
}

/* Style the buttons inside the tab */
.tab button {
  display: block;
  background-color:#ffffff;
  color: #16625e;
  padding: 22px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 20px;
  
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current "tab button" class */
.tab button.active {
  background-color: #dddddd;
}

/* Style the tab content */
.tabcontent {
  float: left;
  padding: 0px 20px ;
  border: none;
  width: 70%;
  border-left: none;
  height:auto;
  background-color: rgb(255, 255, 255);
  color: #303030;
  font-size: 20px;
}

.content a:link {
  color: rgb(0, 0, 0);
    text-decoration: none
  }
  
  /* visited link */
  .content a:visited {
    color: rgb(0, 0, 0);
    text-decoration: none
  }
  
  /* mouse over link */
  .content a:hover {
    color: rgb(0, 78, 83);
    text-decoration: none
  }
  
  /* selected link */
  .content a:active {
    color: rgb(0, 0, 0);
    text-decoration: none
  }
   
/* Footer */
.footer{
  background-color: #919191cb;
  height:fit-content;
  text-align:right;
  clear: both;
  padding: 20px;
  font-size: 15px;
  }

/* добавка проба*/
.active {
  background-color: #ffffff;
  color: #16625e;
    right: 20px;
    top: 20px;
  
}

.navbar .icon {
  display: none;
}
@media screen and (max-width: 600px) {
  .navbar a:not(:first-child) {
    display: none;
  }
  .navbar a.icon {
    float: left;
    display: block;
    padding: 0px, 20px, 0px, 0px;
  
  }
}

@media screen and (max-width: 600px) {
  .navbar.responsive {position: relative;}
  .navbar.responsive .icon {
    position: absolute;
    right: 20px;
    top: 20px;
    padding: 0px, 20px, 0px, 0px;
  }
}
  .navbar.responsive a {
    float: none;
    display: block;
    text-align: left;
    padding: 20px;
  }