#home.hero {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  position: relative;
  z-index: 0;
  margin-bottom: 0rem;
}

#home.hero .entrance {
  transition-delay: .4s;
	transition-timing-function: ease-out;
}

#home.hero .content {
  text-align: center;
}
#home.hero .content h3 {
  font-family: "Averia Sans Libre", cursive;
  font-size: 44rem;
  color: var(--cornflower_light80);
  text-transform: uppercase;
  text-shadow: -0.8rem 0 var(--redgate_opa50), 0 0.8rem var(--redgate_opa50), 0.8rem 0 var(--redgate_opa50), 0 -0.8rem var(--redgate_opa50);
}
#home.hero .content p {
  font-family: "Averia Sans Libre", cursive;
  font-size: 24rem;
  color: var(--cornflower_light80);
  padding: 4rem 0;
  text-shadow: -1.2rem 0 var(--redgate_opa50), 0 1.2rem var(--redgate_opa50), 1.2rem 0 var(--redgate_opa50), 0 -1.2rem var(--redgate_opa50);
}
#home.hero .content a {
  font-family: "Averia Sans Libre", cursive;
}

#home.hero .controls {
  padding: 12rem;
  border-radius: 4rem;
  background: var(--redgate_opa50);
  position: relative;
  top: 100rem;
}
#home.hero .controls .vid-btn {
  height: 20rem;
  width: 20rem;
  display: inline-block;
  border-radius: 50%;
  background: var(--cornflower_light80);
  cursor: pointer;
  margin: 0 4rem;
}
#home.hero .controls .vid-btn.active {
  background: var(--cornflower);
}

#home.hero .video-container video {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  height: 100%;
  width: 100%;
  object-fit: cover;
}