* {
    font-family: 'Roboto', serif;
}

h1, h2 {
  text-align: center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  line-height: .5em;
  font-weight: 500;
}

h1  {
  color: #eaeaea;
  font-size: 5em;
}

h2  {
  color: red;
  font-size: 2.5em;
}


body{
  background-color: #8a94a3;
  align-items: center;
  flex-direction: column;
}

table {
  border-collapse: collapse;
  width: 100%;
  background-color: #e8e5e5;
  color: black;
  align-content: center;
  border-collapse: collapse;
  width: auto;
  margin-left: auto;
  margin-right: auto;

}

td, th  {
  border: 1px solid black;
  padding: 0.5rem;
}

#editRow {
  background-color: #e5e0d3
}

tr:hover {
  background-color: #e5d3d3
}

#editRow:hover {
  background-color: #e5dbc3
}