@font-face {
	font-family: 'Turret Road';
	src: url('turretroad.woff2') format('woff2');
}

* {
	margin: 0;
}

body {
	font-family: 'Turret Road', Georgia, serif;
	text-align: center;
	user-select: none; 
	display: block;
	float: left;
}

#bg {
	background: white;
	position: fixed;
	width: 100%;
	height: 100%;
}

#logo {
	position: fixed;
	width: 90vmin;
	height: 90vmin;
	left: calc(50vw - 45vmin);
	top: calc(37vh - 45vmin);
	animation: spin 17s linear infinite;
}

#quote {
	position: fixed;
	top: 86%;
	left: 50%;
	width: 90%;
	transform: translateX(-50%) translateY(-50%);
	font-size: 6vmin;
	line-height: 120%;
}

#inv {
	position: fixed;
	top: -50vmax;
	left: 50%;
	width: 100vmax;
	height: 200vmax;
	background: white;
	mix-blend-mode: difference;
	animation: spin 17s linear infinite reverse;
	transform-origin: 0 calc(37vh + 50vmax);
	outline: 1px solid transparent;
}

@keyframes spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}