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

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

::-moz-selection { /* Code for Firefox */
  color: inherit;
  background: transparent;
}

::selection {
  color: inherit;
  background: transparent;
}

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

div#haut{
	position: fixed;
	top: 0px;
	left: 3vh;
	right: 3vh;
	/*animation: slide-in-top 1s cubic-bezier(.215,.61,.355,1);*/
	mix-blend-mode: difference;
}

h1{
	padding-top: 3vh;
}

h1, h2, h3, h4, span#mute{
	/*display: block;*/
	font-family: helvetica;
	margin: 0px;
	font-weight: 400;
	/*text-transform: uppercase;*/
	font-size: .9rem;
	line-height: 1.1rem;
	color: rgba(200, 200, 200, 0.9 );
	mix-blend-mode: difference;
}

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

a:hover{
	color: rgb(0, 240, 0);
}

div#bas{
	position: fixed;
	bottom: 0px;
	padding-bottom: 3vh;
	left: 3vh;
	mix-blend-mode: difference;
}

span#mute{
	position: fixed;
	top: 0px;
	padding-top: 3vh;
	right: 3vh;
	mix-blend-mode: difference;
	cursor: pointer;
}

@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;
	}
}
*/