html{
	font-size: 14px;
	-webkit-text-size-adjust: 100%;
}

body{
	margin: 0;
	background-color: black;
	/*background-color: rgb(200, 200, 200);*/
}

video{
	position: fixed;
	top: 0px;
	right: 0px;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

div{
	/*width: 100%;*/
	/*height: 97vh;*/
	position: fixed;
	top: 0px;
	left: 3vh;
	right: 3vh;
	/*bottom: 0px;*/
	/*display: flex;*/
	/*justify-content: space-between;*/
	/*mix-blend-mode: difference;*/
	/*align-items: center; */

	animation: slide-in-top 1s cubic-bezier(.215,.61,.355,1);
}

h1{
	padding-top: 3vh;
	/*text-transform: uppercase;*/
	/*font-weight: 600 !important;*/
}

h1, h2, h3, h4{
	/*display: block;*/
	font-family: helvetica;
	margin: 0px;
	font-weight: normal;

	mix-blend-mode: difference;

	font-size: 1rem;
	line-height: 1.3rem;
	color: rgba(200, 200, 200, 0.9 );
}

a{
	color: inherit;
	text-decoration: none;
}

a:hover{
	color: green;
}

h4{
	position: fixed;
	bottom: 0px;
	padding-bottom: 3vh;
	left: 3vh;

	animation: slide-in-bottom 1s cubic-bezier(.215,.61,.355,1);
}

@keyframes slide-in-top {
	0% {
		transform:translateY(-100%)
	}
	to {
		transform:translateY(0)
	}
}

@keyframes slide-in-bottom {
	0% {
		transform:translateY(100%)
	}
	100% {
		transform:translateY(0)
	}
}

/*@media all and (max-width: 800px) {
	h1, h2, h3{
		font-size: .8rem;
	}
}

@media all and (min-width: 801px) {
	h1, h2, h3{
		font-size: 1.1rem;
	}
}
*/