.c-scrollbar_thumb {
  border-radius: 0;
  opacity: 1;
  margin: 0;
}

.zoom > div {
  transition: all 0.4s 0.4s;
  transform: scale(0);
}

.zoom.zoom-in > div {
  transform: scale(1);
}

body {
  height: auto;
}

html {
  scroll-behavior: smooth;
}

.words-row {
  justify-content: center;
  align-items: center;
}
.word {
  font-family: 'Maven Pro', sans-serif;
  font-size: 30px;
  line-height: 28px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  text-transform: uppercase;
  transition: color 0.25s ease-in;
  text-shadow: 1px 0px #000, -1px 0px #000,  0px 1px #000, 0px -1px #000;
}
.word:not(.blink) {
  color: white;
}
.word.gray-900.blink {
  color: #2a2c2e;
  text-shadow: 1px 0px #fff, -1px 0px #fff,  0px 1px #fff, 0px -1px #fff;
}
.word.cyan-600.blink {
  color: #10bccd;
  text-shadow: 1px 0px #fff, -1px 0px #fff,  0px 1px #fff, 0px -1px #fff;
}

.word.glide__slide {
  width: auto !important;
}

@media screen and (min-width:768px) {
  .word {
    font-size: 36px;
    line-height: 33px;
  }
}

@media screen and (min-width:1024px) {
  .word {
    font-size: 45px;
    line-height: 40px;
  }
}

@media screen and (min-width:1280px) {
  .word {
    font-size: 60px;
    line-height: 50px;
  }
}

@media screen and (min-width:1500px) {
  .word {
    font-size: 90px;
    line-height: 85px;
  }
}


@media only screen and (min-width: 1024px) {
  body {
    height: 100%;
  }
}

.pulse-loader {
  animation: pulseanim 1s ease-in-out infinite;
}

@keyframes pulseanim {
  0% {
    transform: scale(0);
    opacity: 0.8;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}