@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible+Next:ital,wght@0,200..900;1,200..900&display=swap');

:root {
	--text-color: white;
	--text-shadow: 0 1px 6px rgba(0, 0, 0, 0.55), 0 0px 2px
rgba(0, 0, 0, 0.4);
}

header {
	display: flex;
	justify-content: space-between;

	padding: 1rem 1rem;

	font-size: 1.5rem;
	font-family: 'Atkinson Hyperlegible Next', sans-serif
	color: white; 
	background-color: #0d0d0d;

	a {
		color: white; 
		text-decoration: none;
		padding-inline: 15px;
	}

	> * {
		width: calc(100%/3);
	}

}

body {
	color: var(--text-color);
	text-shadow: var(--text-shadow);

	margin: 0px;
	padding: 0px;
	background: #0d0d0d; 

	#main {
		padding: 20px;
	}
}

header, header * {
	text-shadow: none;
}

#vector-field {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%; 
	height: 100%;
	z-index: -1;
}

/* body { */
/* 	style */
/* }	 */