:root {
  font-family: sans-serif;
  --link: #38a6cb;
  font-size: 18px;
}

body {
  display: grid;
  justify-items: center;
  justify-content: center;
  align-items: center;
  align-content: center;
  grid-template-areas: "container" "footer";
  grid-template-rows: auto 5rem;
  width: 100vw;
  margin: 0;
}

.main-page-container {
  grid-area: container;
  width: 80vw;
  height: 100%;
  display: grid;
  align-self: center;
  justify-content: center;
  text-align: center;
}

.main-page-container h1 {
  padding: 1rem;
}

.main-page-container img {
  max-height: 30vh;
  justify-self: center;
  padding: 1rem;
  transition: all 100ms;
}

.main-page-container img:hover {
  transform: scale(1.1);
}

.main-page-container a {
  color: var(--link);
  text-decoration: none;
}

.main-page-container a:visited {
  color: var(--link);
}

footer {
  grid-area: footer;
  align-items: flex-end;
  position: fixed;
  bottom: 0;
  background: #696969;
  text-align: center;
  width: 100vw;
  padding: 1rem;
}

footer a {
  color: white;
  text-decoration: none;
}

footer a:visited {
  color: white;
}

.imprint-container p {
  display: block;
}

.imprint-container {
  width: 90vw;
}