body {
  font-family: "Be Vietnam Pro";
}

#logo-white {
  transition: transform cubic-bezier(0.075, 0.82, 0.165, 1) 1s;
  height: 50vh;
}

#section-title,
#next-section-title {
  transition: opacity 250ms ease-in-out;
}

#number-display > svg {
  font-family: "Work Sans", "Courier New", Courier, monospace;
  font-feature-settings: "tnum";
  line-height: 1;
}

#landing-container {
  min-height: 80vh;
}

.mid-section {
  backdrop-filter: brightness(0.8);
}

.mid-section::after,
.mid-section::before {
  display: block;
  content: "\00a0";
  height: 12.5vh;
  width: 100%;
  padding: 0;
  background-color: white;
}

.mid-section::before {
  clip-path: polygon(100% 0, 0 0, 0 100%);
}

.mid-section::after {
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}

body, .shader-web-background-fallback {
  background: url("/bg-static.jpg");
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}