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 {
	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#bandcamp {
	margin-bottom: 44px;
}	
div#youtube {
	margin-bottom: 55px;
}
div#castle {
	margin-bottom: 33px;
}
div#ghost {
	margin-bottom: 33px;
}
div#antiwitch {
	margin-bottom: 0;
}
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%);
}