@font-face {

	font-family: "Brandon Light";

	src: url("../stuff/font.woff2");

}



* {

	margin: 0;

	padding: 0;

	position: relative;

	box-sizing: border-box;

	overflow: hidden;

}



html, body {

	height: 100%;

}



body {

	display: flex;

	justify-content: center;

	align-items: center;

	background: #000000;


}



.content, .bg {

	position: absolute;
}



.content {

	z-index: 1;

	display: flex;

	flex-direction: column;

	align-items: center;

	mix-blend-mode: overlay;

	filter: invert(100%);

}



img{

	width: 91vmin;

	height: 3vmin;

}


canvas {

	width: 91vmin;

	height: 13vmin;

}



.social {

	margin-top: 0.5vmin;

	font-family: "Brandon Light";

	font-size: 4.25vmin;

	letter-spacing: 0.3vmin;

}



.social a {

	text-decoration: none;

	color: #000000;

}



.hint {

	z-index: 1;

	color: #000000;

	mix-blend-mode: overlay;

	position: fixed;

	bottom: 3.25vmin;

	font-family: "Brandon Light";

	font-size: 3.25vmin;

	letter-spacing: 0.2vmin;

	filter: invert(100%);
}