* {
  margin: 0;
  padding: 0;
  font-family: 'Slabo 27px', serif;
}

html,
.wrapper {
  height: 100%;
}

body {
    background: #4D4D4F; /* Цвет фона */
    color: #ffffff; /* Цвет текста */
    height: 100%;
}


.content {
  box-sizing: border-box;
  min-height: 100%;
  padding-bottom: -20px;
}
.footer {
  height: 20px;
  /* padding-right: 5%; */
  margin-top: -30px;
}

#center {
/* top: -33%; /* Отступ в процентах от верхнего края окна */
left: 33%; /* Отступ в процентах от левого края окна */
/* width: 450px; /* Ширина блока */
/* height: 450px; /* Высота блока */
	position: absolute; /* Абсолютное позиционирование блока */
/* margin-top: -225px; /* Отрицательный отступ от верхнего края страницы, должен равняться половине высоты блока со знаком минус */
/* margin-left: -225px; /* Отрицательный отступ от левого края страницы, должен равняться половине высоты блока со знаком минус */
}

table {
    width: 100%; /* Ширина таблицы */
    min-height: 100%; /* Высота таблицы */   
   }
   
 .charcolor {
  fill: #ffffff;
}

/*.charcolor:hover {
  fill: #9ba9c7;
}*/