:root {
::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#efefef;border-radius:6px}::-webkit-scrollbar-thumb{background:#d5d5d5;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#c4c4c4}
}

.va {
  display: flex;
  align-items: center;
}

.hero,
.cta {
  background: linear-gradient(52deg, #42475C 0%, #20222E 71%);
}

.hero-body {
	  padding-top: 3rem !important;
	  padding-bottom: 3rem !important;
}

.cta {
  height: 500px;
  border-top: 10px solid turquoise;
}

#ts-video {
	height: 300px;
}

#background-video {
   width: 100vw;
   height: 100vh;
   object-fit: cover;
   position: fixed;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   z-index: -1;
}

footer {
  color: white;
  background: rgb(14, 14, 14) !important;
  padding: 0 !important;
  
}

footer strong {
  color: turquoise;
}

footer a {
  color: turquoise;
}

.title {
  color: white;
  font-weight: 800;
  font-size: 4rem;
  font-family: 'Nunito Sans', sans-serif;
  text-shadow: 1px 1px 1px #000, 3px 3px 5px rgb(0, 0, 3);
}

.subtitle {
  color: white;
  font-size: 1.2rem;
  text-shadow: 1px 1px 1px #000, 3px 3px 5px rgb(0, 0, 3);
  background-color: rgba(0,0,0,.65);
  padding: .5em;
}

hr.content-divider {
  max-width: 75px;
  height: 5px;
}

.viddy {

}

#parallax-1 {
  background: url("../img/red.jpg");
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top: 10px solid coral;
}

#parallax-1 hr {
  background: coral;
}

#parallax-2 {
  background: url("../img/vollab.jpg");
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top: 10px solid yellow;
}

#parallax-2 hr {
  background: yellow;
}

#parallax-3 {
  background: url("../img/console.jpg");
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top: 10px solid hotpink;
}

#parallax-3 hr {
  background: hotpink;
}

#parallax-4 {
  background: url("../img/ui.jpg");
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top: 10px solid coral;
}

#parallax-4 hr {
  background: coral;
}

.label {
  color: white;
}

.bio {
  width: 104px;
  display: block;
  float: left;
  color: white;
  font-size: 1rem;
  text-shadow: 1px 1px 1px #000, 3px 3px 5px rgb(0, 0, 3);
  text-align: center;
  display: flex;
  align-items: flex-end;
  justify-content: center
}

.scaled-image {
  width: 100%;
  min-height: 128px;
  object-fit: cover;
}

input {
  background: transparent !important;
  border: 1px solid turquoise !important;
  color: white !important;
}

input::placeholder {
  color: white !important;
}