body {
  background: #f6f0e7;
}

.nav-link {
  position: relative;
}

.nav-link::after {
  background: #c89b55;
  bottom: -8px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 180ms ease;
  width: 100%;
}

.nav-link:hover::after {
  transform: scaleX(1);
  transform-origin: left;
}

.album-cover img {
  display: block;
}

.album-slide {
  inset: 0;
  opacity: 0;
  position: absolute;
  transition: opacity 900ms ease, transform 700ms ease;
}

.album-slide.is-active {
  opacity: 1;
}