html,
body {
  height: 100%;
}

/* LANDING */

.landing {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* LOGO */

.logo-link img {
  width: 200px;
  opacity: 0;
  transform: scale(0.8);
  animation: logoPop 0.8s ease forwards;
}

/* ANIMATION */

@keyframes logoPop {
  to {
    opacity: 1;
    transform: scale(1);
  }
}