[data-aos=grow] {
  width: 0;
  -webkit-transition-property: width 0.5 ease;
  transition-property: width 0.5 ease;
}

[data-aos=grow].aos-animate {
  width: 100%;
}

[data-aos^=fade][data-aos^=fade].aos-animate {
  z-index: 9;
}

html {
  scroll-behavior: smooth;
}

.hs-foundation-landing-page {
  background: #fff;
  color: #000;
  margin: 0;
  font-family: "Open Sans";
  scroll-behavior: smooth;
  scroll-padding-top: 180px;
}

.flip-clock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
}

.digit-container {
  -webkit-perspective: 1000px;
          perspective: 1000px;
}

.digit {
  position: relative;
  width: 100px;
  height: 160px;
  background: #111;
  color: #fff;
  font-size: 6em;
  font-weight: 900;
  text-align: center;
  line-height: 160px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 -5px 0 rgba(255, 255, 255, 0.2);
          box-shadow: inset 0 -5px 0 rgba(255, 255, 255, 0.2);
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 0.6s ease-in-out;
  transition: -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}

.digit.flip {
  -webkit-transform: rotateX(-180deg);
          transform: rotateX(-180deg);
}

.digit::before,
.digit::after {
  content: attr(data-digit);
  position: absolute;
  width: 100%;
  height: 50%;
  left: 0;
  background: #222;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.digit::before {
  top: 0;
  border-bottom: 1px solid #000;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

.digit::after {
  bottom: 0;
  border-top: 1px solid #000;
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}

@media only screen and (max-width: 900px) {
  .digit {
    font-size: 60px;
    width: 60px;
    height: 100px;
    line-height: 100px;
  }
}
@media only screen and (max-width: 600px) {
  .digit {
    font-size: 40px;
    width: 40px;
    height: 80px;
    line-height: 80px;
  }
}
#timeline-tab,
#challenges-tab,
#improving-tab {
  background-color: #111111 !important;
}

#timeline-tab.active {
  background-color: #f3ce49 !important;
  border-color: #f3ce49 !important;
}

#timeline-tab.active p {
  color: #111111 !important;
}

#challenges-tab.active {
  background-color: #ffffff !important;
  border-color: #ffffff !important;
}

#challenges-tab.active p {
  color: #111111 !important;
}

#improving-tab.active {
  background-color: #8906ce !important;
  border-color: #8906ce !important;
}

#improving-tab.active p {
  color: #ffffff !important;
}
/*# sourceMappingURL=moonlake.css.map */