body::before {
  display: block;
  content: "";
  height: 60px;
}

.text-contrast {
  color: #6c63ff;
}

.scrollable-section {
  height: 30vh;
}

.card-height {
  min-height: 420px;
  height: 100%;
}

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

a:hover {
  color: #6c63ff;
}

.location-tag {
  color: #6c63ff;
}

@media screen and (max-width: 786px) {
  .reverse-direction {
    flex-direction: column-reverse;
  }
}

@media screen and (max-width: 786px) {
  .card-height {
    min-height: 373px;
    height: 100%;
  }
}

/* TRANSITIONS AND ANIMATIONS */

.support-staff:nth-child(2) {
  transition-delay: 200ms;
}

.support-staff:nth-child(3) {
  transition-delay: 400ms;
}

.support-staff:nth-child(4) {
  transition-delay: 600ms;
}

.support-staff:nth-child(5) {
  transition-delay: 800ms;
}

.support-staff:nth-child(6) {
  transition-delay: 1000ms;
}

.support-staff:nth-child(7) {
  transition-delay: 1200ms;
}

.support-staff:nth-child(8) {
  transition-delay: 1400ms;
}

.support-staff:nth-child(9) {
  transition-delay: 1600ms;
}

.hidden {
  opacity: 0;
  filter: blur(5px);
  transform: translateX(-100%);
  transition: all 2s;
}

.show {
  opacity: 1;
  filter: blur(0);
  transform: translateX(0);
}