h1 {
    /* text-align: center; */
    font-weight: 400;
    text-shadow: 2px 1px 2px #eee;
    font-family: 'Inconsolata';
}

body {
  font-family: 'Inconsolata';
  /* text-align: center; */
  font-size: 100%;
  animation: fadeInAnimation ease 1s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

@keyframes fadeInAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

p {
  font-family: "Roboto";
  font-size: 120%;
}

.container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.description {
  text-align: left;
}

.header {
  color: #fff;
  margin-bottom: 2rem;
  padding: 2rem 2rem;
  text-align: center;
}