body, html {
	padding:0;margin:0;

	--header-height: 70px;
}







.background {
	position:fixed;
	top:0;left:0;
	background-color: #3f3f3f;
	width: 100vw; height:100vh;

	--color: #4f4f4f;
	background-image: linear-gradient(var(--color) .1em, transparent .1em), linear-gradient(90deg, var(--color) .1em, transparent .1em);
	background-size: 1em 1em;
	z-index:-1000;
}

header {
	position: absolute;
	display:flex;
	flex-direction: row;
	top: 0;
	left: 0;
	right: 0;

	height: var(--header-height);
	box-sizing: border-box;

	overflow: hidden;
	background-color: #2f2f2f;
	border-bottom-left-radius: calc(var(--header-height) / 6);
	border-bottom-right-radius: calc(var(--header-height) / 6);
}

.header-spacer {
	position: relative;
	width: 100%;
	height: var(--header-height);
}

.logo {
	position:relative;
	height: 100%;
	aspect-ratio: 1/1;
	overflow: hidden;
}
.logo img, .logo svg {
	position:absolute;
	top:-50%;
	left:-50%;
	transform: scale(0.5);
	transform-origin: center center;
	box-sizing: border-box;
	width: 200%;
	height: 200%;
	padding:5px;
}