html, body {
  height: 100px;
  display: grid;
  border: 2px solid blue;
}
 
 
 h2 {
            color: blue;
            font-size: 20px;
        }/*
.name_vypuska{
  background: rgb(50, 97, 236); 
  color: rgb(255, 255, 255);
 /* padding: 12px 16px;*//*
}
 .name_vypuska:hover {
  
  color: rgb(0, 0, 0);
 /* padding: 12px 16px;*//*
}   
/*       
table {
    margin: auto;
  border: 2px solid black;  
/*background-color: #eceff1;  светло-серый фон для ячеек заголовка таблицы */ 
/*margin: 0 auto;*/



/*
}
th {
  font-size: 13px;
  font-weight: normal;
  background: #b9c9fe;
  border-top: 4px solid #aabcfe;
  border-bottom: 1px solid white;
  color: #039;
  padding: 8px;
}
td {
  background: #e8edff;
  border-bottom: 1px solid white;
  color: #669;
  border-top: 1px solid transparent;
  padding: 8px;
}

/*
td { border: 2px solid grey; }
td, th { font-size: 20px; font-family: 'Times New Roman'; }
*//*
tr:hover td {
  background: #e8edff;

}*/
table {
    width: 80%;
font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size: 14px;
border-collapse: collapse;
text-align: center;
}
th {
background: #AFCDE7;
color: white;
padding: 10px 20px;
}
th, td {
border-style: solid;
border-width: 0 1px 1px 0;
border-color: white;
}
td {
background: #D8E6F3;
}
th:first-child, td:first-child {
text-align: left;
}