html {
	scroll-padding-top: 60px;
}
#hero video {
	height: 120vh !important;
    max-width: 213vh !important;
}
canvas {
  display: block;
  vertical-align: bottom;
  
} /* ---- particles.js container ---- */

#particles-js {
  position: absolute;
  width: 100%;
  top: 0;
  height: 100%;
  z-index: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}

#animated-text {
	line-height: 2.75rem;
	text-transform: uppercase;
	font-size: 3.75rem;
	max-width: 32rem;
    text-align: center;
	color: var(--dark-blue);
	margin-top: 2rem !important;
}
#animated-text .space {
	margin: 0 2px;
}
#animated-text em {
	font-style: normal;
	font-weight: 400 !important;
	color: var(--cyan);
	font-size: 2.33rem;
	margin: 0 10px;
}
#animated-text span {
  opacity: 0;
  color: #ffffff;
  font-weight: 900;
  transition: opacity 0.3s ease-in-out;
  display: inline-block;
}
#animated-text .color-a {
  color: #ffffff;
}

#animated-text .color-b {
  color: #cccccc !important;
}