.stf__wrapper {
  padding-bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

.stf__parent {
  width: 100% !important;
  height: 100% !important;
}

.stf__block {
  width: 100% !important;
  height: 100% !important;
  overflow: auto;
}

.stf__item {
  width: 100% !important;
  height: 100% !important;
  left: 0 !important;
  top: 0 !important;
}

.page {
  height: 100%;
}

.stf__outerShadow, .stf__innerShadow {
  width: 100%;
}

.top-left::after {
  content: '\21F2';
  z-index: 1;
  position: absolute;
  font-size: 30px;
}

.top-right::after {
  content: '\21F2';
  z-index: 1;
  position: absolute;
  font-size: 30px;
  top: 0;
  right: 0;
  transform: rotate(90deg);
}

.bottom-left::after {
  content: '\21F2';
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 30px;
  transform: rotate(-90deg);
}

.bottom-right::after {
  content: '\21F2';
  z-index: 1;
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 30px;
  transform: rotate(180deg);
}

* {
  user-select: none;
}

.luminiscence-title {
  animation: luminiscence 5s ease-in infinite forwards;
}

@keyframes luminiscence {
  10% {
    text-shadow: 0 0 6px rgb(96 165 250);
    color: white;
  }
  20% {
    text-shadow: 0 0 12px rgb(96 165 250);
    color: white;
  }
  30% {
    text-shadow: 0 0 18px rgb(96 165 250);
    color: white;
  }
  40% {
    text-shadow: 0 0 24px rgb(96 165 250);
    color: white;
  }
  50% {
    text-shadow: 0 0 30px rgb(96 165 250);
    color: white;
  }
  60% {
    text-shadow: 0 0 24px rgb(96 165 250), 0 0 6px white;
  }
  70% {
    text-shadow: 0 0 18px rgb(96 165 250), 0 0 6px white;
  }
  80% {
    text-shadow: 0 0 12px rgb(96 165 250), 0 0 6px white;
  }
  90% {
    text-shadow: 0 0 24px rgb(96 165 250), 0 0 6px white;
  }
  100% {
    text-shadow: 0 0 30px rgb(96 165 250), 0 0 6px white;
  }
}

@media (min-width: 1536px) {
  .stf__block {
    overflow: auto;
  }
}
._icons_ck9q2_1 > div > a > img {
    width: 6rem;
    height: 6rem;
}

._icons_ck9q2_1 {
    display: flex;
    justify-content: center;
}

@property --angle {
    syntax: '<angle>';
    initial-value: 90deg;
    inherits: true;
  }
  
  @property --gradX {
    syntax: '<percentage>';
    initial-value: 50%;
    inherits: true;
  }
  
  @property --gradY {
    syntax: '<percentage>';
    initial-value: 0%;
    inherits: true;
  }
  
  :root {
      --d: 2500ms;
      --angle: 90deg;
      --gradX: 100%;
      --gradY: 50%;
      --c1: rgba(168, 239, 255, 1);
      --c2: rgba(168, 239, 255, 0.1);
      --c3: rgba(143, 146, 146, 1);
      --c4: rgba(168, 239, 255, 0.1);
      --c5: rgba(37, 204, 3, 1);
      --c6: rgba(37, 204, 3, 0.1);
  }
  
  ._boxblue_ck9q2_42 {
      font-size: 3vw;
      border: 0.35rem solid;
      padding: 3vw;
      border-image: conic-gradient(from var(--angle), var(--c2), var(--c1) 0.1turn, var(--c1) 0.15turn, var(--c2) 0.25turn) 30;
      animation: _borderRotate_ck9q2_1 var(--d) linear infinite forwards;
  }
  
  ._boxgrey_ck9q2_50 {
      font-size: 3vw;
      border: 0.35rem solid;
      padding: 3vw;
      border-image: conic-gradient(from var(--angle), var(--c4), var(--c3) 0.1turn, var(--c3) 0.15turn, var(--c4) 0.25turn) 30;
      animation: _borderRotate_ck9q2_1 var(--d) linear infinite forwards;
  }
  
  ._boxgreen_ck9q2_58 {
      font-size: 3vw;
      border: 0.35rem solid;
      padding: 3vw;
      border-image: conic-gradient(from var(--angle), var(--c6), var(--c5) 0.1turn, var(--c5) 0.15turn, var(--c6) 0.25turn) 30;
      animation: _borderRotate_ck9q2_1 var(--d) linear infinite forwards;
  }

  ._boxblue_ck9q2_42:hover, ._boxgrey_ck9q2_50:hover, ._boxgreen_ck9q2_58:hover {
      border-image: none;
      animation: none;
  }
  
  @keyframes _borderRotate_ck9q2_1 {
      100% {
          --angle: 420deg;
      }
  }
  
  @keyframes _borderRadial_ck9q2_1 {
      20% {
          --gradX: 100%;
          --gradY: 50%;
      }
      40% {
          --gradX: 100%;
          --gradY: 100%;
      }
      60% {
          --gradX: 50%;
          --gradY: 100%;
      }
      80% {
          --gradX: 0%;
          --gradY: 50%;
      }
      100% {
          --gradX: 50%;
          --gradY: 0%;
      }
  }._avanzamos_1vpi7_1 {
    opacity: 0;
    transition: all 3s;
    animation: _avanzamosAnimation_1vpi7_1 3s ease-in 3s 1 forwards;
    color: #60a5fa;
    font-size: 24px;
    display: flex;
    align-items: center;
}

._avanzamos_1vpi7_1>img {
    width: 40px;
    height: 40px;
}

@keyframes _avanzamosAnimation_1vpi7_1 {
    from {
        opacity: 0;
        transform: rotateX(90deg);
    }

    to {
        opacity: 1;
        transform: rotateX(0deg);
    }
}

h2 {
    font-family: 'Acorn-Bold' !important;
}@media (min-width: 441px) and (max-width: 648px) {
    ._victor_19ja3_2 {
        width: 9rem !important;
    }
}._guide_10mlo_1 {
  /* animation: moveGuide 15s ease forwards;*/
  right: 100%;
  transition: all 2s ease;
}

._text-luminiscence_10mlo_7 {
  animation: _luminiscence_10mlo_1 2s ease-in infinite forwards;
}

@keyframes _luminiscence_10mlo_1 {
  10% {
    text-shadow: 0 0 2px white;
    color: #60a5fa;
  }

  20% {
    text-shadow: 0 0 4px white;
    color: #60a5fa;
  }

  30% {
    text-shadow: 0 0 6px white;
    color: #60a5fa;
  }

  40% {
    text-shadow: 0 0 8px white;
    color: #60a5fa;
  }

  50% {
    text-shadow: 0 0 10px white;
    color: #60a5fa;
  }

  60% {
    text-shadow: 0 0 16px rgb(96 165 250), 0 0 6px white;
  }

  70% {
    text-shadow: 0 0 8px rgb(96 165 250), 0 0 6px white;
  }

  80% {
    text-shadow: 0 0 4px rgb(96 165 250), 0 0 6px white;
  }

  90% {
    text-shadow: 0 0 12px rgb(96 165 250), 0 0 6px white;
  }

  100% {
    text-shadow: 0 0 16px rgb(96 165 250), 0 0 6px white;
  }

}

._box-luminiscence-slate_10mlo_59 {
  animation: _luminiscenceSlateBox_10mlo_1 12s ease-in forwards;
}

@keyframes _luminiscenceSlateBox_10mlo_1 {
  10% {
    box-shadow: 0 0 4px #a6b1c0;
    background-color: rgb(96, 165, 250);
  }

  25% {
    box-shadow: 0 0 12px #a6b1c0;
    background-color: rgb(104, 172, 250);
  }

  50% {
    box-shadow: 0 0 20px #a6b1c0;
    background-color: rgb(96, 165, 250);
  }

  60% {
    box-shadow: 0 0 16px #a6b1c0;
    background-color: rgb(104, 172, 250);
  }
  
  
  70% {
    box-shadow: 0 0 8px #a6b1c0;
    background-color: rgb(96, 165, 250);
  }
  
  72% {
    box-shadow: 0 0 16px #a6b1c0;
    background-color: rgb(104, 172, 250);
  }

  74% {
    box-shadow: 0 0 4px #a6b1c0;
    background-color: rgb(96, 165, 250);
  }
  
  76% {
    box-shadow: 0 0 16px #a6b1c0;
    background-color: rgb(104, 172, 250);
  }

  77% {
    box-shadow: 0 0 4px #a6b1c0;
    background-color: rgb(96, 165, 250);
  }
  
  78% {
    box-shadow: 0 0 16px #a6b1c0;
    background-color: rgb(104, 172, 250);
  }

  79% {
    box-shadow: 0 0 4px #a6b1c0;
    background-color: rgb(96, 165, 250);
  }
  
  82% {
    box-shadow: 0 0 16px #a6b1c0;
    background-color: rgb(100, 168, 250);
  }

  85% {
    box-shadow: 0 0 4px #a6b1c0;
    background-color: rgb(96, 165, 250);
  }

  90% {
    box-shadow: 0 0 12px #a6b1c0;
    background-color: rgb(100, 168, 250);
  }

  100% {
    box-shadow: 0 0 16px #a6b1c0;
    background-color: rgb(96, 165, 250);;
  }
}

._text-luminiscence-slate_10mlo_141 {
  animation: _luminiscenceSlate_10mlo_1 2s ease-in infinite forwards;
}

@keyframes _luminiscenceSlate_10mlo_1 {
  10% {
    text-shadow: 0 0 2px black;
    color: #94a3b8;
  }

  20% {
    text-shadow: 0 0 4px black;
  }

  30% {
    text-shadow: 0 0 6px black;
  }

  40% {
    text-shadow: 0 0 8px black;
  }

  50% {
    text-shadow: 0 0 10px black;
    color: #94a3b8;
  }

  60% {
    text-shadow: 0 0 16px #94a3b8, 0 0 2px white;
  }

  70% {
    text-shadow: 0 0 8px #94a3b8, 0 0 2px white;
  }

  80% {
    text-shadow: 0 0 4px #94a3b8, 0 0 2px white;
  }

  90% {
    text-shadow: 0 0 12px #94a3b8, 0 0 2px white;
  }

  100% {
    text-shadow: 0 0 16px #94a3b8, 0 0 2px white;
  }
}

._shadow-arrow_10mlo_189 {
  animation: _shadowArrow_10mlo_1 1s ease infinite;
}

@keyframes _shadowArrow_10mlo_1 {
  from {
    filter: drop-shadow(5px 5px 10px #94a3b8) drop-shadow(0 5px 10px #94a3b8) drop-shadow(-5px 0 10px #94a3b8) drop-shadow(0 -5px 10px #94a3b8);
  }

  to {
    filter: drop-shadow(5px 5px 10px transparent) drop-shadow(0 5px 10px transparent) drop-shadow(-5px 0 10px transparent) drop-shadow(0 -5px 10px transparent);
  }
}

._expand_10mlo_203 {
  width: 180% !important;
  background-color: rgb(96 165 250);
  z-index: 2;
  position: absolute;
  display: flex;
  justify-content: start !important;
  left: -40% !important;
}

._expand-odd_10mlo_213 {
  width: 180% !important;
  background-color: #a6b1c0;
  z-index: 2;
  position: absolute;
  display: flex;
  justify-content: start !important;
  left: -40% !important;
  padding: 10px 25px;
  gap: 15px;
  box-shadow: 0 0 8px rgb(92, 91, 91);
}

._expand-odd2_10mlo_226 {
  width: 200% !important;
  background-color: #a6b1c0;
  z-index: 2;
  position: absolute;
  display: flex;
  justify-content: start !important;
  left: -50% !important;
  padding: 10px 25px;
  gap: 15px;
  box-shadow: 0 0 8px rgb(92, 91, 91);
}

._texto-expand-odd_10mlo_239 {
  transition: all 1.5s ease;
  width: 100%;
  left: 0;
  justify-content: space-around !important;
}

._texto-expand-even_10mlo_246 {
  transition: all 1.5s ease;
  width: 100%;
  justify-content: space-around !important;
}

._move-left_10mlo_252 {
  left: -40% !important;
  position: absolute;
}

@media (min-width: 767.9px) {
  ._texto-border_10mlo_258::before {
    content: '';
    border-right: 24px solid #94a3b8;
    border-left: 24px solid transparent;
    border-top: 65px solid transparent;
    border-bottom: 65px solid transparent;
    z-index: 2;
    left: -48px;
    position: absolute;
  }
  
  ._texto-border_10mlo_258::after {
    content: '';
    border-right: 24px solid transparent;
    border-left: 24px solid #94a3b8;
    border-top: 65px solid transparent;
    border-bottom: 65px solid transparent;
    z-index: 2;
    right: -48px;
    position: absolute;
  }
}
  

._text-added_10mlo_282 {
  display: none;
  opacity: 0;
  transition: opacity 1.5s ease;
}

._text-added-show_10mlo_288 {
  display: flex;
  opacity: 1;
  align-items: center;
  width: 60%;
}

._transform_10mlo_295 {
  animation: _transformArrow_10mlo_1 22s ease forwards;
}

@keyframes _transformArrow_10mlo_1 {
  0% {
    transform: scale(1);
  }
  12.1% {
    transform: scale(1);
  }
  27.5% {
    transform: scale(2);
  }
  81.5% {
    transform: scale(2);
  }
  100% {
    transform: scale(1);
  }
}

._even-right_10mlo_317 {
  right: -12px !important;
}

._odd-left_10mlo_321 {
  left: -12px !important;
}
html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
  margin: 0;
  padding: 0;
}

._cont_41lfz_13 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

._app_41lfz_21 {
  position: relative;
  min-width: 300px;
  height: 200px;
  box-shadow: 0 0 60px rgba(0, 0, 0, 0.3);
  border-radius: 12px;
}
._app__bgimg_41lfz_28 {
  position: absolute;
  top: 0;
  left: 3.5%;
  width: 90%;
  height: 90%;
  transition: transform 3.5s 770ms;
  perspective: 1000px;
}
._app__bgimg-image_41lfz_37 {
  position: absolute;
  width: 100%;
  height: 112%;
  top: 0;
  left: 0;
  border-radius: 18px;
}
._app__bgimg-image_41lfz_37 img {
  background-color: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  border-radius: 18px;
}
._app__bgimg-image--1_41lfz_51 {
  background: url("./fondo_giraldillo-TSVgrKKD.jpg") center center no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
}
._app__bgimg-image--2_41lfz_56 {
  background: url("./mars-f2V2hcMw.jpeg") center center no-repeat;
  background-size: 100% 120%;
  transition: all 0ms 1300ms;
  will-change: opacity, top;
}
._app__bgimg-image--3_41lfz_62 {
  background: url("./ecos-EkqzImUE.jpeg") center center no-repeat;
  background-size: cover;
  transition: all 0ms 1300ms;
  will-change: opacity, top;
}
._app__bgimg-image--4_41lfz_68 {
  background: url("./tcatik-LC7Zn5A7.jpg") center center no-repeat;
  background-size: 100% 100%;
  transition: all 0ms 1300ms;
  will-change: opacity, top;
}
._app__text_41lfz_74 {
  position: absolute;
  right: 60px;
  top: 10px;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  z-index: 5;
}
._app__text-line_41lfz_82 {
  transition: transform 1500ms 400ms, opacity 750ms 500ms;
  will-change: transform, opacity;
  user-select: none;
}
._app__text-line--4_41lfz_87 {
  transition: transform 1500ms 1500ms, opacity 1500ms 1500ms;
}
._app__text-line--3_41lfz_90 {
  transition: transform 1500ms 1600ms, opacity 1500ms 1750ms;
}
._app__text-line--2_41lfz_93 {
  transition: transform 1500ms 1700ms, opacity 1500ms 2000ms;
}
._app__text-line--1_41lfz_96 {
  transition: transform 1500ms 1800ms, opacity 1500ms 2250ms;
}
._app__text-line--4_41lfz_87 {
  font-size: 20px;
  font-weight: 700;
  color: #0a101d;
}
._app__text-line--3_41lfz_90 {
  font-size: 17px;
  font-weight: 300;
}
._app__text-line--2_41lfz_93 {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #0099cc;
}
._app__text-line--1_41lfz_96 {
  margin-top: 15px;
}
._app__text-line--1_41lfz_96 img {
  width: 50px;
}
._app__text--1_41lfz_120 ._app__text-line_41lfz_82 {
  transform: translate3d(0, -125px, 0);
  opacity: 0;
}
._app__text--2_41lfz_124 {
  right: initial;
  top: 140px;
  left: 65px;
  z-index: -1;
  transition: z-index 1500ms;
}
._app__text--2_41lfz_124 ._app__text-line--4_41lfz_87 {
  opacity: 0;
  transition: transform 1500ms -75ms, opacity 400ms 125ms;
}
._app__text--2_41lfz_124 ._app__text-line--3_41lfz_90 {
  opacity: 0;
  transition: transform 1500ms 0ms, opacity 400ms 200ms;
}
._app__text--2_41lfz_124 ._app__text-line--2_41lfz_93 {
  opacity: 0;
  transition: transform 1500ms 75ms, opacity 400ms 275ms;
}
._app__text--2_41lfz_124 ._app__text-line--1_41lfz_96 {
  opacity: 0;
  transition: transform 1500ms 150ms, opacity 400ms 350ms;
}
._app__text--3_41lfz_147 {
  right: initial;
  top: 140px;
  left: 45px;
  z-index: -1;
  transition: z-index 1500ms;
}
._app__text--3_41lfz_147 ._app__text-line--4_41lfz_87 {
  opacity: 0;
  transition: transform 1500ms -75ms, opacity 400ms 125ms;
}
._app__text--3_41lfz_147 ._app__text-line--3_41lfz_90 {
  opacity: 0;
  transition: transform 1500ms 0ms, opacity 400ms 200ms;
}
._app__text--3_41lfz_147 ._app__text-line--2_41lfz_93 {
  opacity: 0;
  transition: transform 1500ms 75ms, opacity 400ms 275ms;
}
._app__text--3_41lfz_147 ._app__text-line--1_41lfz_96 {
  opacity: 0;
  transition: transform 1500ms 150ms, opacity 400ms 350ms;
}
._app__text--4_41lfz_170 {
  right: initial;
  top: 140px;
  left: 45px;
  z-index: -1;
  transition: z-index 1500ms;
}
._app__text--4_41lfz_170 ._app__text-line--4_41lfz_87 {
  opacity: 0;
  transition: transform 1500ms -75ms, opacity 400ms 125ms;
}
._app__text--4_41lfz_170 ._app__text-line--3_41lfz_90 {
  opacity: 0;
  transition: transform 1500ms 0ms, opacity 400ms 200ms;
}
._app__text--4_41lfz_170 ._app__text-line--2_41lfz_93 {
  opacity: 0;
  transition: transform 1500ms 75ms, opacity 400ms 275ms;
}
._app__text--4_41lfz_170 ._app__text-line--1_41lfz_96 {
  opacity: 0;
  transition: transform 1500ms 150ms, opacity 400ms 350ms;
}
._app__img_41lfz_193 {
  position: absolute;
  transform: translate3d(0, -750px, 0);
  width: 850px;
  height: 100%;
  transition: transform 3s cubic-bezier(0.6, 0.13, 0.31, 1.02);
  will-change: transform;
}
._app__img_41lfz_193 img {
  min-width: 100%;
  user-select: none;
}

._initial_41lfz_206 ._app__img_41lfz_193 {
  transform: translate3d(0, 0, 0);
}
._initial_41lfz_206 ._app__bgimg-image--1_41lfz_51 {
  top: 0 !important;
  transition: all 1.5s;
  z-index: 4;
}
._initial_41lfz_206 ._app__bgimg-image--2_41lfz_56 {
  z-index: 3;
}
._initial_41lfz_206 ._app__bgimg-image--3_41lfz_62 {
  z-index: 2;
}
._initial_41lfz_206 ._app__bgimg-image--4_41lfz_68 {
  z-index: 1;
}
._initial_41lfz_206 ._app__text--1_41lfz_120 ._app__text-line--1_41lfz_96 {
  transform: translate3d(0, 0, 0);
  transition: transform 1500ms 1400ms, opacity 400ms 1600ms;
  opacity: 1;
}
._initial_41lfz_206 ._app__text--1_41lfz_120 ._app__text-line--2_41lfz_93 {
  transform: translate3d(0, 0, 0);
  transition: transform 1500ms 1475ms, opacity 400ms 1675ms;
  opacity: 1;
}
._initial_41lfz_206 ._app__text--1_41lfz_120 ._app__text-line--3_41lfz_90 {
  transform: translate3d(0, 0, 0);
  transition: transform 1500ms 1550ms, opacity 400ms 1750ms;
  opacity: 1;
}
._initial_41lfz_206 ._app__text--1_41lfz_120 ._app__text-line--4_41lfz_87 {
  transform: translate3d(0, 0, 0);
  transition: transform 1500ms 1625ms, opacity 400ms 1825ms;
  opacity: 1;
}

._active_41lfz_244 ._app__bgimg_41lfz_28 {
  transform: translate3d(10px, 0, 0) scale(1.05);
  transition: transform 5s 850ms ease-in-out;
}
._active_41lfz_244 ._app__bgimg_41lfz_28 ._app__bgimg-image--1_41lfz_51 {
  z-index: 3;
  transition: all 1.5s;
}
._active_41lfz_244 ._app__bgimg_41lfz_28 ._app__bgimg-image--2_41lfz_56 {
  top: 0 !important;
  z-index: 4;
  transition: all 1.5s;
}
._active_41lfz_244 ._app__bgimg_41lfz_28 ._app__bgimg-image--3_41lfz_62 {
  z-index: 2;
  transition: all 1500ms;
}
._active_41lfz_244 ._app__bgimg_41lfz_28 ._app__bgimg-image--4_41lfz_68 {
  z-index: 1;
  transition: all 1500ms;
}
._active_41lfz_244 ._app__img_41lfz_193 {
  transition: transform 3s cubic-bezier(0.6, 0.13, 0.31, 1.02);
  transform: translate3d(0, -1410px, 0);
}
._active_41lfz_244 ._app__text--1_41lfz_120 {
  z-index: -1;
  transition: z-index 1500ms;
}
._active_41lfz_244 ._app__text--1_41lfz_120 ._app__text-line--1_41lfz_96 {
  transform: translate3d(0, -125px, 0);
  transition: transform 1500ms 300ms, opacity 400ms 500ms;
  opacity: 0;
}
._active_41lfz_244 ._app__text--1_41lfz_120 ._app__text-line--2_41lfz_93 {
  transform: translate3d(0, -125px, 0);
  transition: transform 1500ms 375ms, opacity 400ms 575ms;
  opacity: 0;
}
._active_41lfz_244 ._app__text--1_41lfz_120 ._app__text-line--3_41lfz_90 {
  transform: translate3d(0, -125px, 0);
  transition: transform 1500ms 450ms, opacity 400ms 650ms;
  opacity: 0;
}
._active_41lfz_244 ._app__text--1_41lfz_120 ._app__text-line--4_41lfz_87 {
  transform: translate3d(0, -125px, 0);
  transition: transform 1500ms 525ms, opacity 400ms 725ms;
  opacity: 0;
}
._active_41lfz_244 ._app__text--2_41lfz_124 {
  z-index: 1;
}
._active_41lfz_244 ._app__text--2_41lfz_124 ._app__text-line--1_41lfz_96 {
  transform: translate3d(0, -125px, 0);
  transition: transform 2500ms 1100ms, opacity 1300ms 1300ms;
  opacity: 1;
}
._active_41lfz_244 ._app__text--2_41lfz_124 ._app__text-line--2_41lfz_93 {
  transform: translate3d(0, -125px, 0);
  transition: transform 2500ms 1175ms, opacity 1300ms 1575ms;
  opacity: 1;
}
._active_41lfz_244 ._app__text--2_41lfz_124 ._app__text-line--3_41lfz_90 {
  transform: translate3d(0, -125px, 0);
  transition: transform 2500ms 1250ms, opacity 1300ms 1850ms;
  opacity: 1;
}
._active_41lfz_244 ._app__text--2_41lfz_124 ._app__text-line--4_41lfz_87 {
  transform: translate3d(0, -125px, 0);
  transition: transform 2500ms 1325ms, opacity 1300ms 2125ms;
  opacity: 1;
}
._active_41lfz_244 ._app__text--3_41lfz_147 {
  z-index: 1;
}
._active_41lfz_244 ._app__text--3_41lfz_147 ._app__text-line--1_41lfz_96 {
  transform: translate3d(0, -125px, 0);
  transition: transform 2500ms 1100ms, opacity 1300ms 1300ms;
  opacity: 0;
}
._active_41lfz_244 ._app__text--3_41lfz_147 ._app__text-line--2_41lfz_93 {
  transform: translate3d(0, -125px, 0);
  transition: transform 2500ms 1175ms, opacity 1300ms 1575ms;
  opacity: 0;
}
._active_41lfz_244 ._app__text--3_41lfz_147 ._app__text-line--3_41lfz_90 {
  transform: translate3d(0, -125px, 0);
  transition: transform 2500ms 1250ms, opacity 1300ms 1850ms;
  opacity: 0;
}
._active_41lfz_244 ._app__text--3_41lfz_147 ._app__text-line--4_41lfz_87 {
  transform: translate3d(0, -125px, 0);
  transition: transform 2500ms 1325ms, opacity 1300ms 2125ms;
  opacity: 0;
}
._active_41lfz_244 ._app__text--4_41lfz_170 {
  z-index: 1;
}
._active_41lfz_244 ._app__text--4_41lfz_170 ._app__text-line--1_41lfz_96 {
  transform: translate3d(0, -125px, 0);
  transition: transform 2500ms 1100ms, opacity 1300ms 1300ms;
  opacity: 0;
}
._active_41lfz_244 ._app__text--4_41lfz_170 ._app__text-line--2_41lfz_93 {
  transform: translate3d(0, -125px, 0);
  transition: transform 2500ms 1175ms, opacity 1300ms 1575ms;
  opacity: 0;
}
._active_41lfz_244 ._app__text--4_41lfz_170 ._app__text-line--3_41lfz_90 {
  transform: translate3d(0, -125px, 0);
  transition: transform 2500ms 1250ms, opacity 1300ms 1850ms;
  opacity: 0;
}
._active_41lfz_244 ._app__text--4_41lfz_170 ._app__text-line--4_41lfz_87 {
  transform: translate3d(0, -125px, 0);
  transition: transform 2500ms 1325ms, opacity 1300ms 2125ms;
  opacity: 0;
}

._active2_41lfz_363 ._app__img_41lfz_193 {
  transition: transform 3s cubic-bezier(0.6, 0.13, 0.31, 1.02);
  transform: translate3d(0, -2820px, 0);
}
._active2_41lfz_363 ._app__bgimg_41lfz_28 {
  transform: translate3d(10px, 0, 0) scale(1.05);
  transition: transform 5s 850ms ease-in-out;
}
._active2_41lfz_363 ._app__bgimg_41lfz_28 ._app__bgimg-image--1_41lfz_51 {
  z-index: 1;
  transition: all 1.5s;
}
._active2_41lfz_363 ._app__bgimg_41lfz_28 ._app__bgimg-image--2_41lfz_56 {
  z-index: 2;
  transition: all 1.5s;
}
._active2_41lfz_363 ._app__bgimg_41lfz_28 ._app__bgimg-image--3_41lfz_62 {
  z-index: 4;
  top: 0 !important;
  transition: all 1.5s;
}
._active2_41lfz_363 ._app__bgimg_41lfz_28 ._app__bgimg-image--3_41lfz_62 img {
  height: 100%;
}
._active2_41lfz_363 ._app__bgimg_41lfz_28 ._app__bgimg-image--4_41lfz_68 {
  z-index: 3;
  transition: all 1500ms;
}
._active2_41lfz_363 ._app__text--2_41lfz_124 {
  z-index: -1;
  transition: z-index 1500ms;
}
._active2_41lfz_363 ._app__text--2_41lfz_124 ._app__text-line--1_41lfz_96 {
  transform: translate3d(0, -125px, 0);
  transition: transform 1500ms 300ms, opacity 400ms 500ms;
  opacity: 0;
}
._active2_41lfz_363 ._app__text--2_41lfz_124 ._app__text-line--2_41lfz_93 {
  transform: translate3d(0, -125px, 0);
  transition: transform 1500ms 375ms, opacity 400ms 575ms;
  opacity: 0;
}
._active2_41lfz_363 ._app__text--2_41lfz_124 ._app__text-line--3_41lfz_90 {
  transform: translate3d(0, -125px, 0);
  transition: transform 1500ms 450ms, opacity 400ms 650ms;
  opacity: 0;
}
._active2_41lfz_363 ._app__text--2_41lfz_124 ._app__text-line--4_41lfz_87 {
  transform: translate3d(0, -125px, 0);
  transition: transform 1500ms 525ms, opacity 400ms 725ms;
  opacity: 0;
}
._active2_41lfz_363 ._app__text--3_41lfz_147 {
  z-index: 1;
}
._active2_41lfz_363 ._app__text--3_41lfz_147 ._app__text-line--1_41lfz_96 {
  transform: translate3d(0, -125px, 0);
  transition: transform 2500ms 1100ms, opacity 1300ms 1300ms;
  opacity: 1;
}
._active2_41lfz_363 ._app__text--3_41lfz_147 ._app__text-line--2_41lfz_93 {
  transform: translate3d(0, -125px, 0);
  transition: transform 2500ms 1175ms, opacity 1300ms 1575ms;
  opacity: 1;
}
._active2_41lfz_363 ._app__text--3_41lfz_147 ._app__text-line--3_41lfz_90 {
  transform: translate3d(0, -125px, 0);
  transition: transform 2500ms 1250ms, opacity 1300ms 1850ms;
  opacity: 1;
}
._active2_41lfz_363 ._app__text--3_41lfz_147 ._app__text-line--4_41lfz_87 {
  transform: translate3d(0, -125px, 0);
  transition: transform 2500ms 1325ms, opacity 1300ms 2125ms;
  opacity: 1;
}
._active2_41lfz_363 ._app__text--4_41lfz_170 {
  z-index: 1;
}
._active2_41lfz_363 ._app__text--4_41lfz_170 ._app__text-line--1_41lfz_96 {
  transform: translate3d(0, -125px, 0);
  transition: transform 2500ms 1100ms, opacity 1300ms 1300ms;
  opacity: 0;
}
._active2_41lfz_363 ._app__text--4_41lfz_170 ._app__text-line--2_41lfz_93 {
  transform: translate3d(0, -125px, 0);
  transition: transform 2500ms 1175ms, opacity 1300ms 1575ms;
  opacity: 0;
}
._active2_41lfz_363 ._app__text--4_41lfz_170 ._app__text-line--3_41lfz_90 {
  transform: translate3d(0, -125px, 0);
  transition: transform 2500ms 1250ms, opacity 1300ms 1850ms;
  opacity: 0;
}
._active2_41lfz_363 ._app__text--4_41lfz_170 ._app__text-line--4_41lfz_87 {
  transform: translate3d(0, -125px, 0);
  transition: transform 2500ms 1325ms, opacity 1300ms 2125ms;
  opacity: 0;
}

._active3_41lfz_462 ._app__img_41lfz_193 {
  transition: transform 3s cubic-bezier(0.6, 0.13, 0.31, 1.02);
  transform: translate3d(0, -4230px, 0);
}
._active3_41lfz_462 ._app__bgimg_41lfz_28 {
  transform: translate3d(10px, 0, 0) scale(1.05);
  transition: transform 5s 850ms ease-in-out;
}
._active3_41lfz_462 ._app__bgimg_41lfz_28 ._app__bgimg-image--2_41lfz_56 {
  z-index: 2;
  transition: all 1500ms;
}
._active3_41lfz_462 ._app__bgimg_41lfz_28 ._app__bgimg-image--3_41lfz_62 {
  z-index: 3;
  transition: all 1500ms;
}
._active3_41lfz_462 ._app__bgimg_41lfz_28 ._app__bgimg-image--3_41lfz_62 img {
  height: 100%;
}
._active3_41lfz_462 ._app__bgimg_41lfz_28 ._app__bgimg-image--4_41lfz_68 {
  z-index: 4;
  top: 0 !important;
  transition: all 1500ms;
}
._active3_41lfz_462 ._app__bgimg_41lfz_28 ._app__bgimg-image--4_41lfz_68 img {
  height: 100%;
  width: 100%;
}
._active3_41lfz_462 ._app__text--2_41lfz_124 {
  z-index: -1;
  transition: z-index 1500ms;
}
._active3_41lfz_462 ._app__text--2_41lfz_124 ._app__text-line--1_41lfz_96 {
  transform: translate3d(0, -125px, 0);
  transition: transform 1500ms 300ms, opacity 400ms 500ms;
  opacity: 0;
}
._active3_41lfz_462 ._app__text--2_41lfz_124 ._app__text-line--2_41lfz_93 {
  transform: translate3d(0, -125px, 0);
  transition: transform 1500ms 375ms, opacity 400ms 575ms;
  opacity: 0;
}
._active3_41lfz_462 ._app__text--2_41lfz_124 ._app__text-line--3_41lfz_90 {
  transform: translate3d(0, -125px, 0);
  transition: transform 1500ms 450ms, opacity 400ms 650ms;
  opacity: 0;
}
._active3_41lfz_462 ._app__text--2_41lfz_124 ._app__text-line--4_41lfz_87 {
  transform: translate3d(0, -125px, 0);
  transition: transform 1500ms 525ms, opacity 400ms 725ms;
  opacity: 0;
}
._active3_41lfz_462 ._app__text--3_41lfz_147 {
  z-index: 1;
}
._active3_41lfz_462 ._app__text--3_41lfz_147 ._app__text-line--1_41lfz_96 {
  transform: translate3d(0, -125px, 0);
  transition: transform 2500ms 1100ms, opacity 1300ms 1300ms;
  opacity: 0;
}
._active3_41lfz_462 ._app__text--3_41lfz_147 ._app__text-line--2_41lfz_93 {
  transform: translate3d(0, -125px, 0);
  transition: transform 2500ms 1175ms, opacity 1300ms 1575ms;
  opacity: 0;
}
._active3_41lfz_462 ._app__text--3_41lfz_147 ._app__text-line--3_41lfz_90 {
  transform: translate3d(0, -125px, 0);
  transition: transform 2500ms 1250ms, opacity 1300ms 1850ms;
  opacity: 0;
}
._active3_41lfz_462 ._app__text--3_41lfz_147 ._app__text-line--4_41lfz_87 {
  transform: translate3d(0, -125px, 0);
  transition: transform 2500ms 1325ms, opacity 1300ms 2125ms;
  opacity: 0;
}
._active3_41lfz_462 ._app__text--4_41lfz_170 {
  z-index: 1;
}
._active3_41lfz_462 ._app__text--4_41lfz_170 ._app__text-line--1_41lfz_96 {
  transform: translate3d(0, -125px, 0);
  transition: transform 2500ms 1100ms, opacity 1300ms 1300ms;
  opacity: 1;
}
._active3_41lfz_462 ._app__text--4_41lfz_170 ._app__text-line--2_41lfz_93 {
  transform: translate3d(0, -125px, 0);
  transition: transform 2500ms 1175ms, opacity 1300ms 1575ms;
  opacity: 1;
}
._active3_41lfz_462 ._app__text--4_41lfz_170 ._app__text-line--3_41lfz_90 {
  transform: translate3d(0, -125px, 0);
  transition: transform 2500ms 1250ms, opacity 1300ms 1850ms;
  opacity: 1;
}
._active3_41lfz_462 ._app__text--4_41lfz_170 ._app__text-line--4_41lfz_87 {
  transform: translate3d(0, -125px, 0);
  transition: transform 2500ms 1325ms, opacity 1300ms 2125ms;
  opacity: 1;
}

._app_41lfz_21 ._app__bgimg-image_41lfz_37._image-up_41lfz_561 {
  top: -100% !important;
  transition: all 1.5s;
}
._app_41lfz_21 ._app__bgimg-image_41lfz_37._image-down_41lfz_565 {
  top: 100% !important;
  transition: all 1.5s;
}
._app_41lfz_21 ._app__bgimg-image_41lfz_37._image-up-perspective_41lfz_569 {
  transition: all 1.5s;
  animation: _perspectiveUp_41lfz_1 1.5s forwards;
}
._app_41lfz_21 ._app__bgimg-image_41lfz_37._image-down-perspective_41lfz_573 {
  transition: all 1.5s;
  animation: _perspectiveDown_41lfz_1 1.5s forwards;
}
._app_41lfz_21 ._app__bgimg-image_41lfz_37._image-current-perspective-up_41lfz_577 {
  transition: all 1.5s;
  animation: _perspectiveCurrentUp_41lfz_1 3s !important;
}
._app_41lfz_21 ._app__bgimg-image_41lfz_37._image-current-perspective-down_41lfz_581 {
  transition: all 1.5s;
  animation: _perspectiveCurrentDown_41lfz_1 3s !important;
}

@keyframes _perspectiveUp_41lfz_1 {
  0% {
    left: 0%;
    transform: rotateX(0deg);
    width: 100%;
  }
  100% {
    left: 7.5%;
    transform: rotateX(25deg);
    width: 85%;
  }
}
@keyframes _perspectiveDown_41lfz_1 {
  0% {
    left: 0%;
    transform: rotateX(0deg);
    width: 100%;
  }
  100% {
    left: 7.5%;
    transform: rotateX(-25deg);
    width: 85%;
  }
}
@keyframes _perspectiveCurrentUp_41lfz_1 {
  0% {
    transform: rotateX(25deg);
    left: 7.5%;
    width: 85%;
  }
  100% {
    left: 0;
    transform: rotateX(0deg);
    width: 100%;
  }
}
@keyframes _perspectiveCurrentDown_41lfz_1 {
  0% {
    transform: rotateX(-25deg);
    left: 7.5%;
    width: 85%;
  }
  100% {
    left: 0;
    transform: rotateX(0deg);
    width: 100%;
  }
}
._number_41lfz_634 {
  position: absolute;
  margin-right: 20px;
  min-width: 50px;
  border-radius: 0;
  border-bottom: 3px solid rgba(255, 255, 255, 0.8);
  color: white;
  top: 5%;
  left: 20%;
  height: fit-content;
}

._pages_41lfz_646 {
  margin-left: 40px;
}
._pages__list_41lfz_649 {
  list-style-type: none;
}
._pages__item_41lfz_652 {
  position: relative;
  margin-bottom: 10px;
  width: 30px;
  height: 8px;
  border-radius: 12px;
  border: 2px solid #fff;
  cursor: pointer;
}

._page__item-active_41lfz_662 {
  background-color: #fff;
}
._page__item-active_41lfz_662:after {
  transform: translate(-50%, -50%) scale(1, 1);
  opacity: 1;
}

@media (min-width: 441px) {
  ._app__bgimg_41lfz_28 {
    left: -2.5%;
    width: 105%;
    height: 100%;
  }
}
@media (min-width: 640px) {
  ._app_41lfz_21 {
    min-width: 450px;
    height: 340px;
  }
  ._app__text_41lfz_74 {
    right: 105px;
    top: 100px;
  }
  ._app__text--2_41lfz_124 {
    right: initial;
    top: 180px;
    left: 100px;
  }
  ._app__text--3_41lfz_147 {
    right: initial;
    top: 180px;
    left: 100px;
  }
  ._app__text--4_41lfz_170 {
    right: initial;
    top: 180px;
    left: 100px;
  }
  ._app__bgimg_41lfz_28 {
    left: 15%;
    width: 90%;
    height: 80%;
  }
}
@media (min-width: 767.9px) {
  ._app_41lfz_21 {
    top: 0;
    min-width: 600px;
    height: 400px;
  }
  ._app__text_41lfz_74 {
    left: 115px;
    top: 30px;
    right: auto;
  }
  ._app__text--2_41lfz_124 {
    right: initial;
    top: 170px;
    left: 115px;
    z-index: -1;
    transition: z-index 1500ms;
  }
  ._app__text--2_41lfz_124 ._app__text-line--4_41lfz_87 {
    opacity: 0;
    transition: transform 1500ms -75ms, opacity 400ms 125ms;
  }
  ._app__text--2_41lfz_124 ._app__text-line--3_41lfz_90 {
    opacity: 0;
    transition: transform 1500ms 0ms, opacity 400ms 200ms;
  }
  ._app__text--2_41lfz_124 ._app__text-line--2_41lfz_93 {
    opacity: 0;
    transition: transform 1500ms 75ms, opacity 400ms 275ms;
  }
  ._app__text--2_41lfz_124 ._app__text-line--1_41lfz_96 {
    opacity: 0;
    transition: transform 1500ms 150ms, opacity 400ms 350ms;
  }
  ._app__text--3_41lfz_147 {
    right: initial;
    top: 175px;
    left: 125px;
    z-index: -1;
    transition: z-index 1500ms;
  }
  ._app__text--3_41lfz_147 ._app__text-line--4_41lfz_87 {
    opacity: 0;
    transition: transform 1500ms -75ms, opacity 400ms 125ms;
  }
  ._app__text--3_41lfz_147 ._app__text-line--3_41lfz_90 {
    opacity: 0;
    transition: transform 1500ms 0ms, opacity 400ms 200ms;
  }
  ._app__text--3_41lfz_147 ._app__text-line--2_41lfz_93 {
    opacity: 0;
    transition: transform 1500ms 75ms, opacity 400ms 275ms;
  }
  ._app__text--3_41lfz_147 ._app__text-line--1_41lfz_96 {
    opacity: 0;
    transition: transform 1500ms 150ms, opacity 400ms 350ms;
  }
  ._app__text--4_41lfz_170 {
    right: initial;
    top: 180px;
    left: 170px;
    z-index: -1;
    transition: z-index 1500ms;
  }
  ._app__text--4_41lfz_170 ._app__text-line--4_41lfz_87 {
    opacity: 0;
    transition: transform 1500ms -75ms, opacity 400ms 125ms;
  }
  ._app__text--4_41lfz_170 ._app__text-line--3_41lfz_90 {
    opacity: 0;
    transition: transform 1500ms 0ms, opacity 400ms 200ms;
  }
  ._app__text--4_41lfz_170 ._app__text-line--2_41lfz_93 {
    opacity: 0;
    transition: transform 1500ms 75ms, opacity 400ms 275ms;
  }
  ._app__text--4_41lfz_170 ._app__text-line--1_41lfz_96 {
    opacity: 0;
    transition: transform 1500ms 150ms, opacity 400ms 350ms;
  }
  ._app__text-line_41lfz_82 {
    transition: transform 1500ms 400ms, opacity 750ms 500ms;
    will-change: transform, opacity;
    user-select: none;
  }
  ._app__text-line--4_41lfz_87 {
    transition: transform 1500ms 1500ms, opacity 1500ms 1500ms;
  }
  ._app__text-line--3_41lfz_90 {
    transition: transform 1500ms 1600ms, opacity 1500ms 1750ms;
  }
  ._app__text-line--2_41lfz_93 {
    transition: transform 1500ms 1700ms, opacity 1500ms 2000ms;
  }
  ._app__text-line--1_41lfz_96 {
    transition: transform 1500ms 1800ms, opacity 1500ms 2250ms;
  }
  ._app__text-line--4_41lfz_87 {
    font-size: 50px;
    font-weight: 700;
    color: #0a101d;
  }
  ._app__text-line--3_41lfz_90 {
    font-size: 40px;
    font-weight: 300;
  }
  ._app__text-line--2_41lfz_93 {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #0099cc;
  }
  ._app__text-line--1_41lfz_96 {
    margin-top: 15px;
  }
  ._app__text-line--1_41lfz_96 img {
    width: 50px;
  }
  ._number_41lfz_634 {
    top: -5%;
  }
}
@media (min-width: 1280px) {
  ._app_41lfz_21 {
    min-width: 850px;
    height: 540px;
  }
  ._app__text_41lfz_74 {
    right: 165px;
    top: 150px;
    left: 160px;
  }
  ._app__text--2_41lfz_124 {
    right: initial;
    top: 250px;
    left: 170px;
    z-index: -1;
    transition: z-index 1500ms;
  }
  ._app__text--2_41lfz_124 ._app__text-line--4_41lfz_87 {
    opacity: 0;
    transition: transform 1500ms -75ms, opacity 400ms 125ms;
  }
  ._app__text--2_41lfz_124 ._app__text-line--3_41lfz_90 {
    opacity: 0;
    transition: transform 1500ms 0ms, opacity 400ms 200ms;
  }
  ._app__text--2_41lfz_124 ._app__text-line--2_41lfz_93 {
    opacity: 0;
    transition: transform 1500ms 75ms, opacity 400ms 275ms;
  }
  ._app__text--2_41lfz_124 ._app__text-line--1_41lfz_96 {
    opacity: 0;
    transition: transform 1500ms 150ms, opacity 400ms 350ms;
  }
  ._app__text--3_41lfz_147 {
    right: initial;
    top: 250px;
    left: 150px;
    z-index: -1;
    transition: z-index 1500ms;
  }
  ._app__text--3_41lfz_147 ._app__text-line--4_41lfz_87 {
    opacity: 0;
    transition: transform 1500ms -75ms, opacity 400ms 125ms;
  }
  ._app__text--3_41lfz_147 ._app__text-line--3_41lfz_90 {
    opacity: 0;
    transition: transform 1500ms 0ms, opacity 400ms 200ms;
  }
  ._app__text--3_41lfz_147 ._app__text-line--2_41lfz_93 {
    opacity: 0;
    transition: transform 1500ms 75ms, opacity 400ms 275ms;
  }
  ._app__text--3_41lfz_147 ._app__text-line--1_41lfz_96 {
    opacity: 0;
    transition: transform 1500ms 150ms, opacity 400ms 350ms;
  }
  ._app__text--4_41lfz_170 {
    right: initial;
    top: 250px;
    left: 225px;
    z-index: -1;
    transition: z-index 1500ms;
  }
  ._app__text--4_41lfz_170 ._app__text-line--4_41lfz_87 {
    opacity: 0;
    transition: transform 1500ms -75ms, opacity 400ms 125ms;
  }
  ._app__text--4_41lfz_170 ._app__text-line--3_41lfz_90 {
    opacity: 0;
    transition: transform 1500ms 0ms, opacity 400ms 200ms;
  }
  ._app__text--4_41lfz_170 ._app__text-line--2_41lfz_93 {
    opacity: 0;
    transition: transform 1500ms 75ms, opacity 400ms 275ms;
  }
  ._app__text--4_41lfz_170 ._app__text-line--1_41lfz_96 {
    opacity: 0;
    transition: transform 1500ms 150ms, opacity 400ms 350ms;
  }
  ._app__text-line_41lfz_82 {
    transition: transform 1500ms 400ms, opacity 750ms 500ms;
    will-change: transform, opacity;
    user-select: none;
  }
  ._app__text-line--4_41lfz_87 {
    transition: transform 1500ms 1500ms, opacity 1500ms 1500ms;
  }
  ._app__text-line--3_41lfz_90 {
    transition: transform 1500ms 1600ms, opacity 1500ms 1750ms;
  }
  ._app__text-line--2_41lfz_93 {
    transition: transform 1500ms 1700ms, opacity 1500ms 2000ms;
  }
  ._app__text-line--1_41lfz_96 {
    transition: transform 1500ms 1800ms, opacity 1500ms 2250ms;
  }
  ._app__text-line--4_41lfz_87 {
    font-size: 50px;
    font-weight: 700;
    color: #0a101d;
  }
  ._app__text-line--3_41lfz_90 {
    font-size: 40px;
    font-weight: 300;
  }
  ._app__text-line--2_41lfz_93 {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #0099cc;
  }
  ._app__text-line--1_41lfz_96 {
    margin-top: 15px;
  }
  ._app__text-line--1_41lfz_96 img {
    width: 50px;
  }
  ._number_41lfz_634 {
    top: auto;
    left: 15%;
  }
}@keyframes _anim-expand_1079b_11 {
  from {
    transform: rotateX(90deg);
    height: 0px;
  }
  to {
    transform: rotateX(0);
    height: 300px;
  }
}
._anim-expand_1079b_11 {
  height: 0px;
  overflow: hidden;
  animation: _anim-expand_1079b_11 3s ease-in forwards;
}

@media (min-width: 441px) {
  @keyframes _anim-expand_1079b_11 {
    from {
      transform: rotateX(90deg);
      height: 0px;
    }
    to {
      transform: rotateX(0);
      height: 200px;
    }
  }
}
@media (min-width: 640px) {
  @keyframes _anim-expand_1079b_11 {
    from {
      transform: rotateX(90deg);
      height: 0px;
    }
    to {
      transform: rotateX(0);
      height: 170px;
    }
  }
}
@media (min-width: 767.9px) {
  @keyframes _anim-expand_1079b_11 {
    from {
      transform: rotateX(90deg);
      height: 0px;
    }
    to {
      transform: rotateX(0);
      height: 140px;
    }
    from {
      transform: rotateX(90deg);
      height: 0px;
    }
    to {
      transform: rotateX(0);
      height: 140px;
    }
    from {
      transform: rotateX(90deg);
      height: 0px;
    }
    to {
      transform: rotateX(0);
      height: 140px;
    }
  }
}
._container_1079b_77 {
  font-family: Arial, Helvetica, sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100vh;
}
._container_1079b_77 ._images_1079b_85 {
  display: flex;
  justify-content: center;
  align-items: center;
}
._container_1079b_77 ._images_1079b_85 ._image_1079b_85 {
  position: relative;
  margin: 0 5px;
  background-color: rgba(252, 165, 165, 0.6666666667);
  background-position: center;
  background-size: cover;
  border-radius: 25px;
  overflow: hidden;
  box-shadow: 0 0 6px rgba(2, 4, 3, 0.2);
  transition: all 0.5s ease-in-out;
}
._container_1079b_77 ._images_1079b_85 ._image_1079b_85 ._bgImg_1079b_101 {
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  background-image: url("data:image/svg+xml,%3csvg%20height='264'%20preserveAspectRatio='xMidYMid'%20viewBox='0%200%20256%20264'%20width='256'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m255.855641%2059.619717c.094924.3513426.144359.7135979.144359%201.0775366v56.5680914c0%201.477861-.790591%202.842804-2.072582%203.57804l-47.478632%2027.335401v54.181012c0%201.474524-.783663%202.835623-2.062271%203.57804l-99.107585%2057.052725c-.22685.128892-.474322.211383-.721795.29903-.092802.030934-.180448.087646-.278406.113424-.6928.182443-1.421028.182443-2.113828%200-.113425-.030934-.216538-.092802-.324808-.134047-.226849-.082491-.464011-.15467-.680549-.278407l-99.08696173-57.052725c-1.28121047-.736019-2.07258227-2.100466-2.07258227-3.57804v-169.7042732c0-.3712087.05155677-.7321061.14435896-1.0826922.03093407-.1185806.10311355-.2268498.14435897-.3454304.07733516-.2165384.14951464-.4382325.26293954-.639304.07733516-.1340476.19076006-.2423168.28356225-.3660531.11858058-.1649816.2268498-.335119.36605309-.4794779.11858058-.1185806.27325089-.2062271.4072985-.3093407.14951464-.1237362.28356225-.2577838.4536996-.3557417h.00515568l49.54605871-28.52636244c1.276705-.73465813%202.8478368-.73465813%204.1245418%200l49.5460589%2028.52636244h.010311c.164982.1031135.304185.2320055.4537.350586.134047.1031136.283562.1959158.402143.3093407.144359.1495146.247472.319652.371208.4846336.087647.1237363.206228.2320055.278407.3660531.118581.2062271.185604.4227656.268095.639304.041246.1185806.113425.2268498.144359.3505861.094925.3513425.143456.7135978.144359%201.0775365v105.9955692l41.286664-23.772828v-54.1861681c0-.3608974.051557-.7269505.144359-1.0723809.03609-.1237362.103113-.2320054.144359-.350586.082491-.2165385.15467-.4382326.268095-.639304.077335-.1340476.19076-.2423168.278407-.3660531.123736-.1649817.226849-.335119.371208-.479478.118581-.1185806.268096-.2062271.402143-.3093406.15467-.1237363.288718-.2577839.4537-.3557417h.005155l49.551215-28.5263625c1.276422-.7357166%202.84812-.7357166%204.124542%200l49.546058%2028.5263625c.175293.1031135.309341.2320054.464011.350586.128892.1031136.278407.1959157.396988.3093406.144358.1495147.247472.319652.371208.4846337.092802.1237363.206227.2320055.278407.3660531.11858.2010714.185604.4227655.268095.639304.046401.1185806.113425.2268498.144359.350586zm-8.115036%2055.258549v-47.0403994l-17.338543%209.9813913-23.953276%2013.7914367v47.0403994l41.296975-23.772828zm-49.546059%2085.094454v-47.071334l-23.561445%2013.456318-67.281589%2038.399484v47.514722zm-189.93515099-160.1765821v160.1765821l90.83272249%2052.294035v-47.504411l-47.4528538-26.855923-.015467-.010311-.0206227-.010312c-.159826-.092802-.2938736-.226849-.4433883-.340274-.1288919-.103114-.2784066-.185605-.3918315-.29903l-.0103113-.015467c-.1340476-.128892-.2268498-.288718-.3402747-.433077-.1031136-.139203-.2268498-.257783-.3093406-.402142l-.0051557-.015467c-.0928022-.154671-.1495147-.340275-.2165385-.515568-.0670238-.15467-.1546703-.299029-.1959157-.464011v-.005156c-.0515568-.195916-.0618681-.402143-.0824908-.603214-.0206228-.15467-.0618682-.309341-.0618682-.464011v-.010311-110.7491042l-23.948121-13.7965924-17.33854269-9.9710799zm45.42151689-30.90312969-41.281508%2023.76251659%2041.2711967%2023.7625166%2041.2763523-23.7676722-41.2763523-23.75736099zm21.4682402%20148.29790179%2023.948121-13.786281v-103.6084911l-17.3385427%209.9813912-23.9532767%2013.7914367v103.6084912zm127.1750919-120.256173-41.276353%2023.7625166%2041.276353%2023.7625166%2041.271196-23.7676723zm-4.129698%2054.6759576-23.953276-13.7914367-17.338543-9.9813913v47.0403994l23.948121%2013.786281%2017.343698%209.986547zm-94.977887%20106.0058804%2060.543119-34.56366%2030.263825-17.271519-41.245418-23.74705-47.488943%2027.340557-43.2819113%2024.917388z'%20fill='%23ff2d20'/%3e%3c/svg%3e");
  opacity: 0.2;
  filter: grayscale(50%);
  background-repeat: no-repeat;
  background-size: contain;
}
._container_1079b_77 ._images_1079b_85 ._image_1079b_85:nth-child(2) {
  background-color: rgba(253, 230, 138, 0.6666666667);
}
._container_1079b_77 ._images_1079b_85 ._image_1079b_85:nth-child(2) ._bgImg_1079b_101 {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGlkPSJMYWdlcl8xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMjggMTI4OyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGc+PGc+PGc+PGNpcmNsZSBjeD0iNjQiIGN5PSI2NCIgcj0iNTAiIHN0eWxlPSJmaWxsOiNGMERCNEY7Ii8+PC9nPjwvZz48ZyBpZD0iTGF5ZXJfMV8xXyI+PGc+PGc+PHBhdGggZD0iTTQ4LjQsNDQuNmg4Ljd2MjQuNWMwLDExLTUuMywxNC45LTEzLjcsMTQuOWMtMi4xLDAtNC43LTAuMy02LjQtMC45bDEtNy4xICAgICAgYzEuMiwwLjQsMi44LDAuNyw0LjUsMC43YzMuNywwLDYtMS43LDYtNy42TDQ4LjQsNDQuNkw0OC40LDQ0LjZ6IiBzdHlsZT0iZmlsbDojMzIzMzMwOyIvPjxwYXRoIGQ9Ik02NC44LDc0LjRjMi4zLDEuMiw2LDIuNCw5LjcsMi40YzQsMCw2LjEtMS43LDYuMS00LjNjMC0yLjQtMS44LTMuOC02LjUtNS40ICAgICAgYy02LjQtMi4zLTEwLjctNS45LTEwLjctMTEuNkM2My40LDQ5LDY5LDQ0LDc4LjEsNDRjNC40LDAsNy42LDAuOSw5LjksMmwtMiw3Yy0xLjUtMC43LTQuMy0xLjgtOC0xLjhjLTMuOCwwLTUuNiwxLjgtNS42LDMuNyAgICAgIGMwLDIuNSwyLjEsMy42LDcuMiw1LjVjNi44LDIuNSwxMCw2LjEsMTAsMTEuNmMwLDYuNS00LjksMTItMTUuNiwxMmMtNC40LDAtOC44LTEuMi0xMS0yLjRMNjQuOCw3NC40eiIgc3R5bGU9ImZpbGw6IzMyMzMzMDsiLz48L2c+PC9nPjwvZz48L2c+PC9zdmc+");
}
._container_1079b_77 ._images_1079b_85 ._image_1079b_85:nth-child(3) {
  background-color: rgba(137, 147, 190, 0.6666666667);
}
._container_1079b_77 ._images_1079b_85 ._image_1079b_85:nth-child(3) ._bgImg_1079b_101 {
  background-size: contain;
  background-image: url("data:image/svg+xml,%3csvg%20width='2500'%20height='1309'%20viewBox='0%200%20256%20134'%20xmlns='http://www.w3.org/2000/svg'%20preserveAspectRatio='xMinYMin%20meet'%3e%3cg%20fill-rule='evenodd'%3e%3cellipse%20fill='%238993BE'%20cx='128'%20cy='66.63'%20rx='128'%20ry='66.63'/%3e%3cpath%20d='M35.945%20106.082l14.028-71.014H82.41c14.027.877%2021.041%207.89%2021.041%2020.165%200%2021.041-16.657%2033.315-31.562%2032.438H56.11l-3.507%2018.411H35.945zm23.671-31.561L64%2048.219h11.397c6.137%200%2010.52%202.63%2010.52%207.89-.876%2014.905-7.89%2017.535-15.78%2018.412h-10.52zM100.192%2087.671l14.027-71.013h16.658l-3.507%2018.41h15.78c14.028.877%2019.288%207.89%2017.535%2016.658l-6.137%2035.945h-17.534l6.137-32.438c.876-4.384.876-7.014-5.26-7.014H124.74l-7.89%2039.452h-16.658zM153.425%20106.082l14.027-71.014h32.438c14.028.877%2021.042%207.89%2021.042%2020.165%200%2021.041-16.658%2033.315-31.562%2032.438h-15.781l-3.507%2018.411h-16.657zm23.67-31.561l4.384-26.302h11.398c6.137%200%2010.52%202.63%2010.52%207.89-.876%2014.905-7.89%2017.535-15.78%2018.412h-10.521z'%20fill='%23232531'/%3e%3c/g%3e%3c/svg%3e");
}
._container_1079b_77 ._images_1079b_85 ._image_1079b_85:nth-child(4) {
  background-color: rgba(251, 191, 36, 0.6666666667);
}
._container_1079b_77 ._images_1079b_85 ._image_1079b_85:nth-child(4) ._bgImg_1079b_101 {
  background-image: url("./mysql-MGKCZve2.svg");
}
._container_1079b_77 ._images_1079b_85 ._image_1079b_85:nth-child(5) {
  background-color: rgba(96, 165, 250, 0.6666666667);
}
._container_1079b_77 ._images_1079b_85 ._image_1079b_85:nth-child(5) ._bgImg_1079b_101 {
  background-image: url("./jquery-IKrASb1Z.svg");
}
._container_1079b_77 ._images_1079b_85 ._image_1079b_85:nth-child(6) {
  background-color: rgba(86, 61, 124, 0.6666666667);
}
._container_1079b_77 ._images_1079b_85 ._image_1079b_85:nth-child(6) ._bgImg_1079b_101 {
  background-image: url("data:image/svg+xml,%3csvg%20width='2500'%20height='2500'%20viewBox='0%200%20256%20256'%20xmlns='http://www.w3.org/2000/svg'%20preserveAspectRatio='xMinYMin%20meet'%3e%3cpath%20d='M0%20222.991C0%20241.223%2014.779%20256%2033.009%20256H222.99C241.223%20256%20256%20241.221%20256%20222.991V33.01C256%2014.777%20241.221%200%20222.991%200H33.01C14.777%200%200%2014.779%200%2033.009V222.99z'%20fill='%23563D7C'/%3e%3cpath%20d='M106.158%20113.238V76.985h31.911c3.04%200%205.97.253%208.792.76%202.822.506%205.319%201.41%207.49%202.713%202.17%201.303%203.907%203.112%205.21%205.427%201.302%202.316%201.954%205.283%201.954%208.9%200%206.513-1.954%2011.217-5.862%2014.111-3.907%202.895-8.9%204.342-14.979%204.342h-34.516zM72.075%2050.5v155h75.112c6.947%200%2013.713-.868%2020.298-2.605%206.585-1.737%2012.446-4.414%2017.584-8.032%205.137-3.618%209.226-8.286%2012.265-14.002%203.04-5.717%204.559-12.483%204.559-20.298%200-9.697-2.352-17.982-7.055-24.856-4.704-6.875-11.832-11.687-21.384-14.437%206.947-3.328%2012.194-7.598%2015.74-12.808%203.545-5.21%205.318-11.722%205.318-19.538%200-7.236-1.194-13.314-3.582-18.235-2.388-4.92-5.753-8.864-10.095-11.831-4.341-2.967-9.551-5.102-15.63-6.404-6.078-1.303-12.808-1.954-20.189-1.954H72.075zm34.083%20128.515v-42.549h37.121c7.381%200%2013.315%201.7%2017.802%205.102%204.486%203.401%206.73%209.081%206.73%2017.041%200%204.053-.688%207.381-2.063%209.986-1.375%202.605-3.22%204.668-5.536%206.187-2.315%201.52-4.993%202.605-8.032%203.257-3.04.65-6.223.976-9.552.976h-36.47z'%20fill='%23FFF'/%3e%3c/svg%3e");
}
._container_1079b_77 ._images_1079b_85 ._image_1079b_85:last-child {
  background-color: rgba(34, 197, 94, 0.6666666667);
}
._container_1079b_77 ._images_1079b_85 ._image_1079b_85:last-child ._bgImg_1079b_101 {
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20width='800px'%20height='800px'%20viewBox='0%200%201024%201024'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='512'%20cy='512'%20r='512'%20style='fill:%2313aa52'/%3e%3cpath%20d='M648.86%20449.44c-32.34-142.73-108.77-189.66-117-207.59-9-12.65-18.12-35.15-18.12-35.15-.15-.38-.39-1.05-.67-1.7-.93%2012.65-1.41%2017.53-13.37%2030.29-18.52%2014.48-113.54%2094.21-121.27%20256.37-7.21%20151.24%20109.25%20241.36%20125%20252.85l1.79%201.27v-.11c.1.76%205%2036%208.44%2073.34H526a726.68%20726.68%200%200%201%2013-78.53l1-.65a204.48%20204.48%200%200%200%2020.11-16.45l.72-.65c33.48-30.93%2093.67-102.47%2093.08-216.53a347.07%20347.07%200%200%200-5.05-56.76zM512.35%20659.12s0-212.12%207-212.08c5.46%200%2012.53%20273.61%2012.53%20273.61-9.72-1.17-19.53-45.03-19.53-61.53z'%20style='fill:%23fff'/%3e%3c/svg%3e");
}
._container_1079b_77 ._images_1079b_85 ._image_1079b_85:hover {
  height: 400px;
  filter: none;
  border-radius: 10px;
}
._container_1079b_77 ._images_1079b_85 ._image_1079b_85:hover::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent 65%, rgba(2, 4, 3, 0.7));
}
._container_1079b_77 ._images_1079b_85 ._image_1079b_85 ._icon_1079b_163 {
  left: 6%;
  top: 3%;
  width: 40px;
  transition: all 0.5s ease-in-out;
}
._container_1079b_77 ._images_1079b_85 ._image_1079b_85:hover ._icon_1079b_163 {
  left: 3%;
  bottom: 3%;
}
._container_1079b_77 ._images_1079b_85 ._image_1079b_85 ._title_1079b_173,
._container_1079b_77 ._images_1079b_85 ._image_1079b_85 ._location_1079b_174 {
  opacity: 0;
  left: 0;
  bottom: -3%;
  color: #ffffff;
  transition: all 0.5s ease-in-out;
}
._container_1079b_77 ._images_1079b_85 ._image_1079b_85 ._title_1079b_173 {
  top: 9%;
  font-size: 18px;
}
._container_1079b_77 ._images_1079b_85 ._image_1079b_85 ._location_1079b_174 {
  bottom: 3%;
  font-size: 14px;
  padding: 15px;
}
._container_1079b_77 ._images_1079b_85 ._image_1079b_85:hover ._title_1079b_173,
._container_1079b_77 ._images_1079b_85 ._image_1079b_85:hover ._location_1079b_174 {
  opacity: 1;
  left: 22%;
}
._container_1079b_77 ._images_1079b_85 ._image_1079b_85:hover ._location_1079b_174 {
  opacity: 1;
  left: 0%;
}
@media (min-width: 768px) {
  ._container_1079b_77 ._images_1079b_85 ._image_1079b_85:hover {
    width: 360px;
    height: 300px;
    filter: none;
    border-radius: 10px;
  }
}body {
  margin: 0px;
  padding: 0px;
  background: #000;
  overflow: hidden;
}

._canvas_1ohch_8 {
  background-color: transparent;
}

._canvas2_1ohch_12 {
  background-color: transparent;
  position: fixed;
  top: 60%;
  left: 20%;
}

._canvas3_1ohch_19, ._canvas4_1ohch_19, ._canvas5_1ohch_19 {
  background-color: transparent;
  position: fixed;
  top: 0;
  left: 0;
}

._animOpacity_1ohch_26 {
  animation: _animSize_1ohch_30 2s ease forwards, _animOpacity_1ohch_26 3s ease forwards, _animPadding_1ohch_1 1s ease 3s forwards;
}

._animSize_1ohch_30 {
  animation: _animSize_1ohch_30 2s ease-in forwards;
  overflow: hidden;
}

._active_1ohch_35._link-1_1ohch_35 > a {
  background-color: rgba(0, 216, 255, 0.8) !important;
}
._active_1ohch_35._link-2_1ohch_38 > a {
  background-color: rgba(231, 111, 0, 0.8) !important;
}
._active_1ohch_35._link-3_1ohch_41 > a {
  background-color: rgba(119, 188, 31, 0.8) !important;
}
._active_1ohch_35._link-4_1ohch_44 > a {
  background-color: rgba(226, 50, 55, 0.8) !important;
}
._active_1ohch_35._link-5_1ohch_47 > a {
  background-color: rgba(255, 210, 66, 0.8) !important;
}
._active_1ohch_35._link-6_1ohch_50 > a {
  background-color: rgba(43, 169, 119, 0.8) !important;
}
._active_1ohch_35._link-7_1ohch_53 > a {
  background-color: rgba(253, 166, 18, 0.8) !important;
}
._active_1ohch_35._link-8_1ohch_56 > a {
  background-color: rgba(26, 179, 186, 0.8) !important;
}
._active_1ohch_35._link-9_1ohch_59 > a {
  background-color: rgba(61, 219, 133, 0.8) !important;
}
._active_1ohch_35._link-10_1ohch_62 > a {
  background-color: rgba(234, 27, 34, 0.8) !important;
}
._active_1ohch_35._link-11_1ohch_65 > a {
  background-color: rgba(9, 58, 73, 0.8) !important;
}

@keyframes _animOpacity_1ohch_26 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes _animSize_1ohch_30 {
  from {
    height: 0;
    width: 145px;
  }
  to {
    height: 320px;
    width: 300px;
  }
}
@keyframes _animPadding_1ohch_1 {
  from {
    box-shadow: inset 30px 30px 0 black, inset -30px -30px 0 black;
  }
  to {
    box-shadow: inset 30px 30px 0 transparent, inset -30px -30px 0 transparent;
  }
}
@media (min-width: 441px) {
  @keyframes _animSize_1ohch_30 {
    from {
      height: 0;
      width: 200px;
    }
    to {
      height: 320px;
      width: 400px;
    }
  }
}
@media (min-width: 1024px) {
  @keyframes _animSize_1ohch_30 {
    from {
      height: 0;
      width: 300px;
    }
    to {
      height: 260px;
      width: 640px;
    }
  }
}/*
! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

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

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}
.container {
  width: 100%;
}
@media (min-width: 441px) {

  .container {
    max-width: 441px;
  }
}
@media (min-width: 640px) {

  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {

  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {

  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1281px) {

  .container {
    max-width: 1281px;
  }
}
@media (min-width: 1536px) {

  .container {
    max-width: 1536px;
  }
}
@media (min-width: 3999px) {

  .container {
    max-width: 3999px;
  }
}
.pointer-events-none {
  pointer-events: none;
}
.pointer-events-auto {
  pointer-events: auto;
}
.visible {
  visibility: visible;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-\[0px\] {
  bottom: 0px;
}
.left-0 {
  left: 0px;
}
.left-2\/4 {
  left: 50%;
}
.left-8 {
  left: 2rem;
}
.left-\[12\%\] {
  left: 12%;
}
.left-full {
  left: 100%;
}
.right-0 {
  right: 0px;
}
.right-2 {
  right: 0.5rem;
}
.right-\[10\%\] {
  right: 10%;
}
.right-full {
  right: 100%;
}
.top-0 {
  top: 0px;
}
.top-2\/4 {
  top: 50%;
}
.top-4 {
  top: 1rem;
}
.z-10 {
  z-index: 10;
}
.col-span-12 {
  grid-column: span 12 / span 12;
}
.col-start-2 {
  grid-column-start: 2;
}
.col-start-\[18\] {
  grid-column-start: 18;
}
.col-start-\[9\] {
  grid-column-start: 9;
}
.col-end-8 {
  grid-column-end: 8;
}
.col-end-\[17\] {
  grid-column-end: 17;
}
.col-end-\[24\] {
  grid-column-end: 24;
}
.row-span-2 {
  grid-row: span 2 / span 2;
}
.m-0 {
  margin: 0px;
}
.m-6 {
  margin: 1.5rem;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.ml-\[-2rem\] {
  margin-left: -2rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-8 {
  margin-top: 2rem;
}
.box-border {
  box-sizing: border-box;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.h-20 {
  height: 5rem;
}
.h-24 {
  height: 6rem;
}
.h-64 {
  height: 16rem;
}
.h-72 {
  height: 18rem;
}
.h-8 {
  height: 2rem;
}
.h-\[200px\] {
  height: 200px;
}
.h-\[320px\] {
  height: 320px;
}
.h-\[45px\] {
  height: 45px;
}
.h-auto {
  height: auto;
}
.h-full {
  height: 100%;
}
.min-h-full {
  min-height: 100%;
}
.w-11\/12 {
  width: 91.666667%;
}
.w-20 {
  width: 5rem;
}
.w-24 {
  width: 6rem;
}
.w-36 {
  width: 9rem;
}
.w-4 {
  width: 1rem;
}
.w-4\/5 {
  width: 80%;
}
.w-56 {
  width: 14rem;
}
.w-64 {
  width: 16rem;
}
.w-8 {
  width: 2rem;
}
.w-\[220px\] {
  width: 220px;
}
.w-\[240px\] {
  width: 240px;
}
.w-\[300px\] {
  width: 300px;
}
.w-auto {
  width: auto;
}
.w-full {
  width: 100%;
}
.flex-\[1_0_30\%\] {
  flex: 1 0 30%;
}
.flex-\[1_0_40\%\] {
  flex: 1 0 40%;
}
.translate-x-\[-50\%\] {
  --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-\[-50\%\] {
  --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));
}
.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));
}
.cursor-pointer {
  cursor: pointer;
}
.resize {
  resize: both;
}
.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-\[repeat\(24\2c _1fr\)\] {
  grid-template-columns: repeat(24, 1fr);
}
.grid-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr));
}
.grid-rows-3 {
  grid-template-rows: repeat(3, minmax(0, 1fr));
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-center {
  align-items: center;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.justify-around {
  justify-content: space-around;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-5 {
  gap: 1.25rem;
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.self-start {
  align-self: flex-start;
}
.self-end {
  align-self: flex-end;
}
.self-center {
  align-self: center;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.rounded-e-xl {
  border-start-end-radius: 0.75rem;
  border-end-end-radius: 0.75rem;
}
.rounded-s-xl {
  border-start-start-radius: 0.75rem;
  border-end-start-radius: 0.75rem;
}
.rounded-t-lg {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.rounded-t-xl {
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}
.border-4 {
  border-width: 4px;
}
.border-\[16px\] {
  border-width: 16px;
}
.border-b-4 {
  border-bottom-width: 4px;
}
.border-l-4 {
  border-left-width: 4px;
}
.border-l-\[12px\] {
  border-left-width: 12px;
}
.border-r-4 {
  border-right-width: 4px;
}
.border-r-\[12px\] {
  border-right-width: 12px;
}
.border-t-4 {
  border-top-width: 4px;
}
.border-t-\[12px\] {
  border-top-width: 12px;
}
.border-blue-400 {
  --tw-border-opacity: 1;
  border-color: rgb(96 165 250 / var(--tw-border-opacity));
}
.border-slate-100 {
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity));
}
.border-slate-300 {
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity));
}
.border-slate-400 {
  --tw-border-opacity: 1;
  border-color: rgb(148 163 184 / var(--tw-border-opacity));
}
.border-y-transparent {
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.border-l-blue-400 {
  --tw-border-opacity: 1;
  border-left-color: rgb(96 165 250 / var(--tw-border-opacity));
}
.border-l-transparent {
  border-left-color: transparent;
}
.border-r-slate-400 {
  --tw-border-opacity: 1;
  border-right-color: rgb(148 163 184 / var(--tw-border-opacity));
}
.border-r-transparent {
  border-right-color: transparent;
}
.bg-\[\#00d8ffAA\] {
  background-color: #00d8ffAA;
}
.bg-\[\#00d8ff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 216 255 / var(--tw-bg-opacity));
}
.bg-\[\#093a49AA\] {
  background-color: #093a49AA;
}
.bg-\[\#093a49\] {
  --tw-bg-opacity: 1;
  background-color: rgb(9 58 73 / var(--tw-bg-opacity));
}
.bg-\[\#1ab3baAA\] {
  background-color: #1ab3baAA;
}
.bg-\[\#1ab3ba\] {
  --tw-bg-opacity: 1;
  background-color: rgb(26 179 186 / var(--tw-bg-opacity));
}
.bg-\[\#2ba977AA\] {
  background-color: #2ba977AA;
}
.bg-\[\#2ba977\] {
  --tw-bg-opacity: 1;
  background-color: rgb(43 169 119 / var(--tw-bg-opacity));
}
.bg-\[\#3ddb85AA\] {
  background-color: #3ddb85AA;
}
.bg-\[\#3ddb85\] {
  --tw-bg-opacity: 1;
  background-color: rgb(61 219 133 / var(--tw-bg-opacity));
}
.bg-\[\#77bc1fAA\] {
  background-color: #77bc1fAA;
}
.bg-\[\#77bc1f\] {
  --tw-bg-opacity: 1;
  background-color: rgb(119 188 31 / var(--tw-bg-opacity));
}
.bg-\[\#e23237AA\] {
  background-color: #e23237AA;
}
.bg-\[\#e23237\] {
  --tw-bg-opacity: 1;
  background-color: rgb(226 50 55 / var(--tw-bg-opacity));
}
.bg-\[\#e76f00AA\] {
  background-color: #e76f00AA;
}
.bg-\[\#e76f00\] {
  --tw-bg-opacity: 1;
  background-color: rgb(231 111 0 / var(--tw-bg-opacity));
}
.bg-\[\#ea1b22AA\] {
  background-color: #ea1b22AA;
}
.bg-\[\#ea1b22\] {
  --tw-bg-opacity: 1;
  background-color: rgb(234 27 34 / var(--tw-bg-opacity));
}
.bg-\[\#fda612AA\] {
  background-color: #fda612AA;
}
.bg-\[\#fda612\] {
  --tw-bg-opacity: 1;
  background-color: rgb(253 166 18 / var(--tw-bg-opacity));
}
.bg-\[\#ffd242AA\] {
  background-color: #ffd242AA;
}
.bg-\[\#ffd242\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 210 66 / var(--tw-bg-opacity));
}
.bg-\[\#ffffffAA\] {
  background-color: #ffffffAA;
}
.bg-blue-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(96 165 250 / var(--tw-bg-opacity));
}
.bg-slate-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(148 163 184 / var(--tw-bg-opacity));
}
.bg-slate-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity));
}
.bg-slate-950 {
  --tw-bg-opacity: 1;
  background-color: rgb(2 6 23 / var(--tw-bg-opacity));
}
.object-contain {
  object-fit: contain;
}
.object-cover {
  object-fit: cover;
}
.p-0 {
  padding: 0px;
}
.p-1 {
  padding: 0.25rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.p-8 {
  padding: 2rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.pb-8 {
  padding-bottom: 2rem;
}
.pt-5 {
  padding-top: 1.25rem;
}
.pt-8 {
  padding-top: 2rem;
}
.text-center {
  text-align: center;
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.5rem;
}
.text-\[2rem\] {
  font-size: 2rem;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.font-bold {
  font-weight: 700;
}
.font-normal {
  font-weight: 400;
}
.uppercase {
  text-transform: uppercase;
}
.leading-normal {
  line-height: 1.5;
}
.tracking-tight {
  letter-spacing: -0.025em;
}
.text-blue-400 {
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity));
}
.text-cyan-400 {
  --tw-text-opacity: 1;
  color: rgb(34 211 238 / var(--tw-text-opacity));
}
.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity));
}
.text-gray-900 {
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}
.text-red-700 {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity));
}
.text-slate-200 {
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-yellow-300 {
  --tw-text-opacity: 1;
  color: rgb(253 224 71 / var(--tw-text-opacity));
}
.opacity-100 {
  opacity: 1;
}
.shadow-\[inset_30px_30px_0_black\2c inset_-30px_-30px_0_black\] {
  --tw-shadow: inset 30px 30px 0 black,inset -30px -30px 0 black;
  --tw-shadow-colored: inset 30px 30px 0 var(--tw-shadow-color), inset -30px -30px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-blue-400 {
  --tw-shadow-color: #60a5fa;
  --tw-shadow: var(--tw-shadow-colored);
}
.shadow-slate-400 {
  --tw-shadow-color: #94a3b8;
  --tw-shadow: var(--tw-shadow-colored);
}
.drop-shadow-\[2px_4px_6px_black\] {
  --tw-drop-shadow: drop-shadow(2px 4px 6px black);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-1000 {
  transition-duration: 1000ms;
}

@font-face {
  font-family: 'Karumb';
  /* desarrollo */
  /* src: url('src/fonts/Karumbi/Karumbi-Regular.ttf') format('truetype'); */
  /* producción */
  src: url('./../fonts/Karumbi/Karumbi-Regular.ttf') format('truetype');
  /* Puedes agregar más formatos de archivo si la fuente los tiene */
}

@font-face {
  font-family: 'Acorn';
  /* desarrollo */
  /* src: url('src/fonts/Acorn/Acorn-Regular.otf') format('truetype'); */
  /* producción */
  src: url('./../fonts/Acorn/Acorn-Regular.otf') format('truetype');
  /* Puedes agregar más formatos de archivo si la fuente los tiene */
}

@font-face {
  font-family: 'Acorn-Bold';
  /* desarrollo */
  /* src: url('src/fonts/Acorn/Acorn-Bold.otf') format('truetype'); */
  /* producción */
  src: url('./../fonts/Acorn/Acorn-Regular.otf') format('truetype');
  /* Puedes agregar más formatos de archivo si la fuente los tiene */
}

html, body, #root {
  height: 100%;
}

body {
  overscroll-behavior: contain;
}

h1, h2, h3 {
  font-family: 'Acorn';
}

* {
  scrollbar-width: none;
}

.hover\:scale-125:hover {
  --tw-scale-x: 1.25;
  --tw-scale-y: 1.25;
  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));
}

.hover\:bg-\[\#00d8ffCC\]:hover {
  background-color: #00d8ffCC;
}

.hover\:bg-\[\#093a49CC\]:hover {
  background-color: #093a49CC;
}

.hover\:bg-\[\#1ab3baCC\]:hover {
  background-color: #1ab3baCC;
}

.hover\:bg-\[\#2ba977CC\]:hover {
  background-color: #2ba977CC;
}

.hover\:bg-\[\#3ddb85CC\]:hover {
  background-color: #3ddb85CC;
}

.hover\:bg-\[\#77bc1fCC\]:hover {
  background-color: #77bc1fCC;
}

.hover\:bg-\[\#e23237CC\]:hover {
  background-color: #e23237CC;
}

.hover\:bg-\[\#e76f00CC\]:hover {
  background-color: #e76f00CC;
}

.hover\:bg-\[\#ea1b22CC\]:hover {
  background-color: #ea1b22CC;
}

.hover\:bg-\[\#fda612CC\]:hover {
  background-color: #fda612CC;
}

.hover\:bg-\[\#ffd242CC\]:hover {
  background-color: #ffd242CC;
}

.hover\:bg-slate-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(51 65 85 / var(--tw-bg-opacity));
}

.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.hover\:shadow-\[0_0_12px_rgb\(255\2c 255\2c 255\)\]:hover {
  --tw-shadow: 0 0 12px rgb(255,255,255);
  --tw-shadow-colored: 0 0 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[0_0_2px_\#93c5fd\2c inset_0_0_2px_\#93c5fd\2c 0_0_5px_\#93c5fd\2c 0_0_15px_\#93c5fd\]:hover {
  --tw-shadow: 0 0 2px #93c5fd,inset 0 0 2px #93c5fd,0 0 5px #93c5fd,0 0 15px #93c5fd;
  --tw-shadow-colored: 0 0 2px var(--tw-shadow-color), inset 0 0 2px var(--tw-shadow-color), 0 0 5px var(--tw-shadow-color), 0 0 15px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-\[0_0_2px_\#94a3b8\2c inset_0_0_2px_\#94a3b8\2c 0_0_5px_\#94a3b8\2c 0_0_15px_\#94a3b8\]:hover {
  --tw-shadow: 0 0 2px #94a3b8,inset 0 0 2px #94a3b8,0 0 5px #94a3b8,0 0 15px #94a3b8;
  --tw-shadow-colored: 0 0 2px var(--tw-shadow-color), inset 0 0 2px var(--tw-shadow-color), 0 0 5px var(--tw-shadow-color), 0 0 15px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

@media (min-width: 441px) {

  .xs\:left-\[10\%\] {
    left: 10%;
  }

  .xs\:ml-4 {
    margin-left: 1rem;
  }

  .xs\:mt-4 {
    margin-top: 1rem;
  }

  .xs\:h-\[300px\] {
    height: 300px;
  }

  .xs\:w-24 {
    width: 6rem;
  }

  .xs\:border-l-\[18px\] {
    border-left-width: 18px;
  }

  .xs\:border-r-\[18px\] {
    border-right-width: 18px;
  }

  .xs\:border-t-\[18px\] {
    border-top-width: 18px;
  }

  .xs\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

@media (min-width: 640px) {

  .sm\:w-48 {
    width: 12rem;
  }

  .sm\:w-\[360px\] {
    width: 360px;
  }

  .sm\:text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
  }

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

@media (min-width: 768px) {

  .md\:top-10 {
    top: 2.5rem;
  }

  .md\:col-span-2 {
    grid-column: span 2 / span 2;
  }

  .md\:col-span-4 {
    grid-column: span 4 / span 4;
  }

  .md\:col-span-6 {
    grid-column: span 6 / span 6;
  }

  .md\:m-0 {
    margin: 0px;
  }

  .md\:mb-1 {
    margin-bottom: 0.25rem;
  }

  .md\:ml-36 {
    margin-left: 9rem;
  }

  .md\:mt-auto {
    margin-top: auto;
  }

  .md\:block {
    display: block;
  }

  .md\:flex {
    display: flex;
  }

  .md\:grid {
    display: grid;
  }

  .md\:h-24 {
    height: 6rem;
  }

  .md\:h-48 {
    height: 12rem;
  }

  .md\:h-96 {
    height: 24rem;
  }

  .md\:h-\[220px\] {
    height: 220px;
  }

  .md\:h-\[300px\] {
    height: 300px;
  }

  .md\:h-auto {
    height: auto;
  }

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

  .md\:w-1\/5 {
    width: 20%;
  }

  .md\:w-24 {
    width: 6rem;
  }

  .md\:w-3\/5 {
    width: 60%;
  }

  .md\:w-36 {
    width: 9rem;
  }

  .md\:w-4\/5 {
    width: 80%;
  }

  .md\:w-5\/6 {
    width: 83.333333%;
  }

  .md\:w-\[45px\] {
    width: 45px;
  }

  .md\:w-\[620px\] {
    width: 620px;
  }

  .md\:w-auto {
    width: auto;
  }

  .md\:max-w-xl {
    max-width: 36rem;
  }

  .md\:flex-\[1_0_17\%\] {
    flex: 1 0 17%;
  }

  .md\:flex-\[1_0_30\%\] {
    flex: 1 0 30%;
  }

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

  .md\:flex-col {
    flex-direction: column;
  }

  .md\:items-center {
    align-items: center;
  }

  .md\:justify-center {
    justify-content: center;
  }

  .md\:gap-1 {
    gap: 0.25rem;
  }

  .md\:gap-2 {
    gap: 0.5rem;
  }

  .md\:gap-4 {
    gap: 1rem;
  }

  .md\:gap-6 {
    gap: 1.5rem;
  }

  .md\:divide-x > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-x-reverse: 0;
    border-right-width: calc(1px * var(--tw-divide-x-reverse));
    border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
  }

  .md\:overflow-y-hidden {
    overflow-y: hidden;
  }

  .md\:rounded-none {
    border-radius: 0px;
  }

  .md\:rounded-s-lg {
    border-start-start-radius: 0.5rem;
    border-end-start-radius: 0.5rem;
  }

  .md\:object-cover {
    object-fit: cover;
  }

  .md\:p-2 {
    padding: 0.5rem;
  }

  .md\:p-6 {
    padding: 1.5rem;
  }

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

  .md\:text-start {
    text-align: start;
  }

  .md\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }

  .md\:text-\[3rem\] {
    font-size: 3rem;
  }

  .md\:text-\[80px\] {
    font-size: 80px;
  }

  .md\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

@media (min-width: 1024px) {

  .lg\:mt-24 {
    margin-top: 6rem;
  }

  .lg\:h-16 {
    height: 4rem;
  }

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

  .lg\:w-24 {
    width: 6rem;
  }

  .lg\:w-48 {
    width: 12rem;
  }

  .lg\:flex-none {
    flex: none;
  }

  .lg\:flex-nowrap {
    flex-wrap: nowrap;
  }

  .lg\:gap-5 {
    gap: 1.25rem;
  }

  .lg\:border-l-\[24px\] {
    border-left-width: 24px;
  }

  .lg\:border-r-\[24px\] {
    border-right-width: 24px;
  }

  .lg\:border-t-\[24px\] {
    border-top-width: 24px;
  }

  .lg\:p-1 {
    padding: 0.25rem;
  }

  .lg\:brightness-0 {
    --tw-brightness: brightness(0);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }

  .lg\:hover\:brightness-100:hover {
    --tw-brightness: brightness(1);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }
}

@media (min-width: 1281px) {

  .xl\:top-14 {
    top: 3.5rem;
  }

  .xl\:ml-20 {
    margin-left: 5rem;
  }

  .xl\:hidden {
    display: none;
  }

  .xl\:h-20 {
    height: 5rem;
  }

  .xl\:h-full {
    height: 100%;
  }

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

  .xl\:w-28 {
    width: 7rem;
  }

  .xl\:flex-\[1_0_19\%\] {
    flex: 1 0 19%;
  }
}

@media (min-width: 1536px) {

  .\32xl\:w-36 {
    width: 9rem;
  }

  .\32xl\:flex-\[1_0_11\%\] {
    flex: 1 0 11%;
  }

  .\32xl\:flex-row {
    flex-direction: row;
  }
}

@media (prefers-color-scheme: dark) {

  .dark\:border-gray-700 {
    --tw-border-opacity: 1;
    border-color: rgb(55 65 81 / var(--tw-border-opacity));
  }

  .dark\:bg-gray-800 {
    --tw-bg-opacity: 1;
    background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  }

  .dark\:text-gray-400 {
    --tw-text-opacity: 1;
    color: rgb(156 163 175 / var(--tw-text-opacity));
  }

  .dark\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }

  .dark\:hover\:bg-gray-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(55 65 81 / var(--tw-bg-opacity));
  }
}