*{
	box-sizing: border-box;}
:root{
	--blue-enough: #203747;
	--blue-enough-transparent: #203747E5;
	--monika-green: #8BD43A;
	--color-1: var(--blue-enough-transparent);
	--color-2: var(--monika-green);
	--color-3: #151331;
	background: var(--color-1);
	color: var(--color-2);}
body{
	background-image: url("/background.webp");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	margin: 0px;
	min-width: 100vw;
	min-height: 100vh;
	display: flex;
	justify-content: center;
	text-align: center;
	font-size: clamp(12px, 24px, 4vw);
	flex-direction: column;}
header{
	display: flex;
	width: 100%;
	justify-content: center;
	overflow-x: hidden;}
.SiteHeader{
	display: flex;
	justify-content: center;
	text-align: center;
	align-items: center;
	background: var(--blue-enough);
	min-height: 7vh;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 2.5em;}
main{
	flex: 1;
	margin: 20px;
	display: flex;
	flex-direction: column;
	margin-left: auto;
	margin-right: auto;
	background: var(--color-1);
	width: clamp(75vw, 1000px, 90vw);
	padding: 20px;}
.MainHeader{
	padding: 10px;
	font-size: 1.75em;}
.Main{
	padding-top: 20px;
	text-align: left;
	flex: 1;}
.MainFooter{
	font-size: 0.75em;}
.SiteFooter{
	background-image: none;
	padding: 25px;
	background: var(--color-3);
	height: 5vh;
	font-size: 0.75em;}
nav{
	background: var(--color-3);
	gap: 5vw;
	display: flex;
	justify-content: center;
	text-align: center;
	align-items: center;
	min-height: 5vh;}
.NavigationLink{
	color: var(--color-2);}
.WorkInProgress{
	background: repeating-linear-gradient(-45deg, yellow 0px, yellow 20px, black 20px, black 40px);
	flex: 1;}
.GifWrapper{
	width: 100%;
	height: 100%;
	flex: 1;}
:visited{
	color: #69afb1;}
a{
	color: #79a0e7;}