html,body,p,ol,ul,li,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
ul{list-style:none}
button,input,select{margin:0}
html{box-sizing:border-box}
*,*::before,*::after{box-sizing:inherit}
img,video{height:auto;max-width:100%}
iframe{border:0}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}

html, body {
	animation:fadeInAnimation ease 5s;
	animation-fill-mode:forwards;
	animation-iteration-count:1;
	background-color:#111;
	display:grid;
	grid-template:1fr/1fr;
	height:100vh;
	overflow:hidden;
	place-items:center;
	position: relative;
	width:100vw;
	}
	@keyframes fadeInAnimation {
		0% {opacity:0;}
		100% {opacity:1;}
		}
video, body>img { 
	grid-column:1/1;
	grid-row:1/1;
	pointer-events:none;
	z-index:1;
	}
	video:nth-of-type(2), body>img:nth-of-type(1) {
		mix-blend-mode:screen;
		z-index:2; 
		}
	video:nth-of-type(3), body>img:nth-of-type(2) {
		mix-blend-mode:hard-light;
		z-index:3; 
		}
	video:nth-of-type(4), body>img:nth-of-type(3) {
		mix-blend-mode:screen;
		z-index:4;
		}
	video:nth-of-type(1), video:nth-of-type(3), video:nth-of-type(4) {
		height:100vh;
		object-fit:cover;
		width:100vw;
		}
	body>img {display:none;}
div {
	position:absolute;
	bottom:.5vh;
	right:.5vh;
	z-index:2;
	}
	div>a {margin:.5vh;}
	a>img {width:7.5vh;}

@media (max-width:768px) {
	div {top:2vh; bottom:initial;}
	body>video {display:none;}
	body>img {display:initial; width:80vw;}
	body>img:nth-of-type(1), body>img:nth-of-type(2), body>img:nth-of-type(3) {margin-top:-5vh;}
	}