body {
	font-family: hvd_comic_serif_proregular, Arial, sans-serif;
    height: 100vh;
	overflow: hidden;

}

/* Video */

.video-background {
  background: #fff;
  background-size: cover;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.video-foreground,
.video-background video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

}



@media (min-aspect-ratio: 16/9) {
  .video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  .video-foreground { width: 300%; left: -100%; }
}


/* Knockout Text */

.knockout-text {
	position: absolute;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
    font-size: calc(10px + 5vw + 2.5vh);
	font-weight: bold;
	letter-spacing: 0.15em;
    margin: auto;
	text-transform: lowercase;
	user-select: none;
    -webkit-text-stroke-color: #9f9f9f;
	-webkit-text-stroke-width: 0.015em;	
}


.dark-theme .knockout-text {
	background-color: #1d1d1d;
    color: #ffffff;
    mix-blend-mode: multiply;
}

/* Mob, mail, some txt */


	.mob-mail {
 margin: 0;
	position: absolute;
	top: 93%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
	font-family: inherit;
	font-size: calc(13px + 0.1vw + 0.5vh);
	 color: #868686;
	background-color: transparent;

	padding: 0.8em 1.2em;
	}


a:link {
  color: #320064;
  text-decoration: none;
  }
a:visited {
  color: #8000ff;
  text-decoration: none;
}


.txt {
	margin: 0;
	position: absolute;
	top: 75%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
	font-family: inherit;
	font-size: calc(12px + 0.1vw + 0.5vh);
	 color: #868686;
	background-color: transparent;
	padding: 0.8em 1.2em;
	
}


.c {
 margin: 0;
	position: absolute;
	top: 99%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
	font-family: inherit;
	font-size: calc(10px + 0.1vw + 0.5vh);
	 color: #868686;
	background-color: transparent;
	padding: 0.8em 1.2em;
	}