body {
  <!--background:  gray;-->
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.fade-in {

  margin-bottom: 30px;
  opactiy:0;
  transform: translateY(10%);
  transition: all 2s ease-out;
}

.active {
  opacity: 4;
  transform: translateY(0);
}