body {
	background-color: #00032A;
	margin: 0;
	padding: 5% 10%;
	font-family: "IBM Plex Mono", monospace;
	font-weight: 400;
	font-style: normal;
	font-size: 18px;
	letter-spacing: 0.5px;
	color: white;
}
a:link, a:active, a:hover, a:visited {
	color: white;
}
a:hover {
	background-color: black;
}
div {
	text-align: center;
}
div#moon {
	margin-bottom: 44px;
}
div#bio, .mice {
	font-size: 0.75rem;
	text-transform: uppercase;
	margin-bottom: 44px;
}
div#logo img {
	max-width: 505px;
	margin-bottom: 44px;
}
div#tags {
	font-size: 0.75rem;
	text-transform: uppercase;
	margin-bottom: 44px;
}
div#castle {
	margin-bottom: 44px;
}
div#bandcamp {
	margin-bottom: 44px;
}	
div#youtube {
	margin-bottom: 55px;
}
div#ghost {
	margin-bottom: 44px;
}
div#pedalButtons {
	max-width: 505px;
	margin: 0 auto 55px;
}
div#antiwitch {
	margin-bottom: 44px;
}
div#video {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: 56.25%;
	margin-bottom: 55px;
}
div#video iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
div#armature {
	margin-bottom: 44px;
}
div#seo h1 {
	font-size: 0.25rem;
}
div#seo h5 {
	font-size: 0.2rem;
}
div#seo {
	font-size: 0.2rem;
	color: black;
}
div#bg {
	position: fixed;
	--position-y: 50%;
    --position-x: 50%;
    z-index: -1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /*isolation: isolate;
    --blend-opacity: 0.0;*/
}
div#bg video, div#bg img {
	position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
	z-index: 1;
    /*mix-blend-mode: multiply;*/
    object-position: var(--position-x, 50%) var(--position-y, 50%);
}