.absolute {
  position: absolute
}

.relative {
  position: relative
}

.bottom-0 {
  bottom: 0px
}

.left-1\/2 {
  left: 50%
}

.top-1\/2 {
  top: 50%
}

.mx-auto {
  margin-left: auto;
  margin-right: auto
}

.flex {
  display: flex
}

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

.h-fit {
  height: -moz-fit-content;
  height: fit-content
}

.h-screen {
  height: 100vh
}

.w-1\/2 {
  width: 50%
}

.w-full {
  width: 100%
}

.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.-translate-y-2\/3 {
  --tw-translate-y: -66.666667%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.flex-row {
  flex-direction: row
}

.flex-col {
  flex-direction: column
}

.justify-around {
  justify-content: space-around
}

.gap-4 {
  gap: 1rem
}

.gap-6 {
  gap: 1.5rem
}

.border {
  border-width: 1px
}

.border-\[\#000000\] {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity))
}

.border-\[\#4a5f77\] {
  --tw-border-opacity: 1;
  border-color: rgb(74 95 119 / var(--tw-border-opacity))
}

.border-\[\#b01731\] {
  --tw-border-opacity: 1;
  border-color: rgb(176 23 49 / var(--tw-border-opacity))
}

.border-\[\#f7ab59\] {
  --tw-border-opacity: 1;
  border-color: rgb(247 171 89 / var(--tw-border-opacity))
}

.bg-\[\#000000\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity))
}

.bg-\[\#4a5f77\] {
  --tw-bg-opacity: 1;
  background-color: rgb(74 95 119 / var(--tw-bg-opacity))
}

.bg-\[\#b01731\] {
  --tw-bg-opacity: 1;
  background-color: rgb(176 23 49 / var(--tw-bg-opacity))
}

.bg-\[\#f7ab59\] {
  --tw-bg-opacity: 1;
  background-color: rgb(247 171 89 / var(--tw-bg-opacity))
}

.font-\[\'BebasNeue\'\] {
  font-family: 'BebasNeue'
}

.font-\[\'OpenSans\'\] {
  font-family: 'OpenSans'
}

.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem
}

.text-\[\#000000\] {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity))
}

.text-\[\#4a5f77\] {
  --tw-text-opacity: 1;
  color: rgb(74 95 119 / var(--tw-text-opacity))
}

.text-\[\#b01731\] {
  --tw-text-opacity: 1;
  color: rgb(176 23 49 / var(--tw-text-opacity))
}

.text-\[\#f7ab59\] {
  --tw-text-opacity: 1;
  color: rgb(247 171 89 / var(--tw-text-opacity))
}

.hover\:border-\[\#000000\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity))
}

.hover\:border-\[\#4a5f77\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(74 95 119 / var(--tw-border-opacity))
}

.hover\:border-\[\#b01731\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(176 23 49 / var(--tw-border-opacity))
}

.hover\:border-\[\#f7ab59\]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(247 171 89 / var(--tw-border-opacity))
}

.hover\:bg-\[\#000000\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity))
}

.hover\:bg-\[\#4a5f77\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(74 95 119 / var(--tw-bg-opacity))
}

.hover\:bg-\[\#b01731\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(176 23 49 / var(--tw-bg-opacity))
}

.hover\:bg-\[\#f7ab59\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(247 171 89 / var(--tw-bg-opacity))
}

.hover\:text-\[\#000000\]:hover {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity))
}

.hover\:text-\[\#4a5f77\]:hover {
  --tw-text-opacity: 1;
  color: rgb(74 95 119 / var(--tw-text-opacity))
}

.hover\:text-\[\#b01731\]:hover {
  --tw-text-opacity: 1;
  color: rgb(176 23 49 / var(--tw-text-opacity))
}

.hover\:text-\[\#f7ab59\]:hover {
  --tw-text-opacity: 1;
  color: rgb(247 171 89 / var(--tw-text-opacity))
}

@media (min-width: 768px) {
  .md\:top-1\/2 {
    top: 50%
  }

  .md\:mx-auto {
    margin-left: auto;
    margin-right: auto
  }

  .md\:my-auto {
    margin-top: auto;
    margin-bottom: auto
  }

  .md\:h-full {
    height: 100%
  }

  .md\:w-1\/2 {
    width: 50%
  }

  .md\:-translate-y-1\/2 {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .md\:transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }
}

@media (min-width: 1280px) {
  .xl\:w-1\/4 {
    width: 25%
  }
}