.text-center {
  text-align: center;
}

.column-left {
  width: 45%;
  float: left;
  z-index: 1;
  position: relative;
}
.column-right {
  width: 45%;
  float: right;
  margin-top: 4em;
  z-index: 1;
  position: relative;
}

.align-center {
  width: 100%;
  text-align: center;
  color: white;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.align-bottom {
  bottom: 0;
}
.flex {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.flex-col {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.columns {
  display: flex;
  flex-direction: row;
}
.column {
  width: 50%;
  padding-right: 2.2vw;
}
.column p:not(:last-child) {
  padding-bottom: 1em;
}

/* Font utils */
.font-heading {
  font-family: arachne, serif;
}

/* Text utils */
.text-lg {
  font-size: 1.2em;
}
.text-xl {
  font-size: 1.6em;
}

/* Hover utils */
.hover-blue:hover {
  color: var(--color-blue);
}
.hover-turquoise:hover {
  color: var(--color-turquoise);
}
.hover-glow:hover {
  text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff,
    2px 2px 2px rgba(255, 255, 255, 0);
}

/* Color utils */
.bg-blue {
  background-color: var(--color-blue);
}
.bg-white {
  background-color: var(--color-gray);
}
.text-blue {
  color: var(--color-blue);
}
.text-turquoise {
  color: var(--color-turquoise);
}

/* Margin utils */
.mt-1 {
  margin-top: 1em;
}
.-mt-2 {
  margin-top: -1.2%;
}

/* Z-index utils */
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-30 {
  z-index: 30;
}
.z-40 {
  z-index: 40;
}
.z-50 {
  z-index: 50;
}

/* Effects utils */
.shadow-top {
  -webkit-box-shadow: 0px -50vh 50vh black;
  box-shadow: 0px -50vh 50vh black;
}
.glow {
  filter: drop-shadow(0 0 0.25rem var(--color-gray));
}
/* Menu utils */
.menu__black {
  background-color: black;
}
.menu__blue {
  background-color: var(--color-blue);
}

.img {
  display: block;
}

/* Responsive sizing */
.max-w-full {
  max-width: 1900px;
  margin: 0 auto;
}