.font-didot {
  font-family: "GFS Didot", serif;
}

.custom-center-origin {
  transform-origin: 50% 50%;
}

.gallery-img {
  transform: translateY(40px);
}

.gallery-img-description {
  opacity: 0;
  transform: translateY(-20px);
  transition: opacity 0.8s ease-in-out, transform 0.7s ease-in-out;
}

.gallery-img-description-in-view {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

.parallax-image-wrapper {
  height: 100%;
  transform: translateY(-100%) scale(1.1);
  transition: transform 1.3s cubic-bezier(0.65, 0, 0.35, 1);
}

.parallax-img-in-view {
  transform: translateY(0) scale(1) !important;
}

.gallery-img-in-view {
  opacity: 1 !important;
  transform: translateY(0) !important;
  --tw-translate-y: 0 !important;
}

.bg-highlight {
  background-color: #181818 !important;
}

.h1-text {
  font-size: calc(35 * 1px + (88 - 35) * ((100vw - 320px) / 1600));
}

.h2-text {
  font-size: calc(31 * 1px + (61 - 31) * ((100vw - 320px) / 1600));
}

.h3-text {
  font-size: calc(28 * 1px + (42 - 28) * ((100vw - 320px) / 1600));
}

.h5-text {
  font-size: calc(18 * 1px + (18 - 18) * ((100vw - 320px) / 1600));
}

.min-text {
  font-size: calc(16 * 1px + (16 - 16) * ((100vw - 320px) / 1600));
}

#header-title {
  margin: 0;
}

#header-title a {
  color: #fff;
  text-decoration: none;
  font-size: 24px;
}

header {
  padding-top: 80px;
  top: 0;
  left: 0;
}