@font-face {
  font-family: "vintage_rotter";
  src:
    url("/webfontkit/vintage_rotter.woff2") format("woff2"),
    url("/webfontkit/vintage_rotter.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

body {
  background-color: #fdfaf1;
  color: #705745;
  -webkit-tap-highlight-color: transparent;
}
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.view-section {
  display: none !important;
}
.view-section.active {
  display: block !important;
  animation: fadeIn 0.4s ease-out forwards;
}

.custom-scroll::-webkit-scrollbar {
  width: 6px;
}
.custom-scroll::-webkit-scrollbar-track {
  background: transparent;
}
.custom-scroll::-webkit-scrollbar-thumb {
  background: rgba(137, 134, 96, 0.3);
  border-radius: 8px;
}

.plane-path-mobile {
  offset-path: path("M 70 130 Q 400 40 670 280");
}
.plane-path-desktop {
  offset-path: path("M 235 -5 Q 480 -20 600 210");
}

.bg-hero {
  background-image: url("/gingham-honeypeach.png");
  background-size: cover;
  background-position: center;
}
.bg-world-map {
  background-image: url("https://upload.wikimedia.org/wikipedia/commons/9/95/World_map_green.png?utm_source=id.wikipedia.org&utm_campaign=index&utm_content=original");
  background-size: 85% auto;
  background-repeat: no-repeat;
  background-position: right 25px;
  transform: rotate(0deg);
}

@media (max-width: 768px) {
  .bg-world-map {
    background-size: 160% auto;
    background-position: 90% 350%;
    transform: rotate(-15deg);
  }
}

.tint-map {
  filter: grayscale(100%) sepia(100%) hue-rotate(5deg) saturate(40%)
    brightness(110%) opacity(10%);
}
.tint-brown {
  filter: grayscale(100%) sepia(100%) hue-rotate(15deg) saturate(50%)
    brightness(80%);
}

details > summary::-webkit-details-marker {
  display: none;
}