.jc-center {
  justify-content: center;
}

.ai-center {
  align-items: center;
}

.bg-dark-100 {
  background: var(--dark-100);
}

.bg-black {
  background: black;
}

.flex {
  display: flex;
}

.block {
  display: block;
}

.ratio-16-9 {
  aspect-ratio: 16 / 9;
}

.flex-column {
  flex-direction: column;
}

.flex-row {
  flex-direction: row;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.w-100 {
  width: 100%;
}

.h-100 {
  height: 100%;
}

.pt-32 {
  padding-top: 2rem;
}

.z-15 {
  z-index: 15;
}

.container-vw-100 {
  position: relative;
  width: 100vw;
  right: calc((100vw - 100%) / 2);
}

.container, .container-fluid {
  margin-inline: auto;
  width: 100%;
  max-width: 71.25rem;
}
.container-fluid {
  max-width: 100%;
}

:root {
  --dark-100: #1A1A1A;
  --spacing: 1rem;
}
@media (min-width: 48rem) {
  :root {
    --spacing: 1.5rem;
  }
}
@media (min-width: 80rem) {
  :root {
    --spacing: 2rem;
  }
}

.cursor-pointer {
  cursor: pointer;
}