#maincontent {
  width: 90em;
  margin-left: auto;
  margin-right: auto;
}

body {
  text-align: center;
}

table {
  margin-left: auto;
  margin-right: auto;
  table-layout: fixed;
  width: 0;
  border-spacing: 0px;
}

.name {
  width: 20em;
  text-align: left;
  overflow-wrap: break-word;
}

.version {
  width: 5em;
  text-align: left;
}

.value {
  width: 10em;
  text-align: center;
}

table tr:nth-child(even) {
  background-color: #eee;
}

table th {
  border-bottom: 2px solid black;
}

td {
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}

img {
  width: 50em;
  padding-bottom: 1em;
}

.great {
  color: green;
  font-weight: bold;
}

.good {
  color: green;
}

.bad {
  color: orange;
}

.ugly {
  color: red;
  font-weight: bold;
}

#description {
  width: 40em;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 1em;
  text-align: left;
}

#methodology {
  width: 50em;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

#copyright {
  width: 50em;
  text-align: right;
  padding-top: 1em;
  border-top: 1px solid black;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2em;
}