/* RESETS */

* {
  font-family: monospace;
}

/* NAV */

.menu-item::after {
  content: ">";
}

.menu-item span::before {
  bottom: 3px;
  right: 9%;
}

/* HEADER */

.title {
  gap: 40px;
}

.title p {
  transform: translateX(100%);
}

.title h1,
.title h2 {
  line-height: 68px;
}

.title h1 {
  transform: translateX(200%);
}

.title h2 {
  transform: translateX(300%);
}

.links .cta {
  transform: translateX(400%);
}

.links .btn {
  transform: translateX(500%);
}

/* POSTER */

.poster {
  transform: translateX(-200%);
}

#me {
  transform: translateX(-350%);
}

#me:hover {
  scale: 1.3;
}

/* MEDIA QUERIES */

@media only screen and (max-width: 680px) {
  .title {
    gap: 30px;
  }

  .title #my-love h2 {
    text-align: center;
  }

  .title h1,
  .title h2 {
    line-height: 58px;
  }
}