a img {
  opacity: 60%;
}

a:hover img {
  opacity: 100%;
}

body {
  margin: 0;
  font-family: "SpaceGrotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
    "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #e5e5e5;
}

p {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  width: 400px;
  padding: 0.2em;
}


.outer {
  display: table;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.middle {
  display: table-cell;
  vertical-align: middle;
}

.inner {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  background-color: #eee;
  padding: 1em;
}