body 
{
font-family: Tahoma, Calibri, Verdana, Geneva, sans-serif;
background-color: linear-gradient(45deg, darkslategrey, transparent);
padding: 2em;
}
h1,h2,h3,h4,h5,h6
{    
font-weight: bold;
}
h1
{
background-color: #7DCA86;
padding: 0.3em 1em;
background: #FFF;
border: 0px solid #7DCA86;
border-radius: 5px 5px 5px 5px;
background: linear-gradient(180deg, cadetblue, darkslategrey);
color:white;
}
.bar
{
padding: 0.5em;
border: 0px solid silver;
}
a{text-decoration:none;}
a:hover{color: red}

.tabs__content {
  display: none; /* по умолчанию прячем все блоки */
}
.tabs__content.active {
  display: block; /* по умолчанию показываем нужный блок */
}
#htitle{
    width: auto;
    text-align: left;
    margin-left: 40px;
}
#htitle h1{
    width: 200px;
    margin: 0px;
}
#files{
width: 700px;
height: 500px;
border: 0px;
overflow-x: hidden;
}