html {
  width: 100%;
  min-height: 100%;
}

body {
  margin: 0;
  min-height: 100vh;
  overflow-x: hidden;
  background: #000;
}

.site-page {
  overflow-x: hidden;
}

.site-page--light {
  background: #fff;
}

.site-page--dark {
  background: #000;
}

.page-container {
  position: relative;
  width: 100vw;
  min-height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  animation: none;
  background-position: center;
  background-size: initial;
  background-attachment: fixed;
}

.site-page--light .page-container {
  background: #fff;
}

.site-page--dark .page-container {
  background: #000;
}

.site-page--mobile-scale .page-container {
  overflow: visible;
}

.el {
  position: absolute;
}

.content {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

img {
  display: block;
  width: 100%;
  height: 100%;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-drag: none;
  -webkit-touch-callout: none;
}

a {
  color: inherit;
  text-decoration: none;
}

.link-overlay {
  position: absolute;
  inset: 0;
  z-index: 10;
  display: block;
}

.ghost-mode {
  pointer-events: none;
}

.mobile-view-note {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 200;
  display: block;
  width: 180px;
  color: #000;
  font: 10px/1.1 "Times New Roman", serif;
  text-align: left;
  pointer-events: none;
  white-space: normal;
}

iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

@keyframes wave {
  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(calc(-1 * var(--wave-amp, 20px)));
  }
}

.wave-char {
  display: inline-block;
  animation: wave 2s ease-in-out infinite;
}

marquee {
  width: 100%;
  height: 100%;
}