:root {
	--bg: #e0e8ef;
	--base03: #002b36;
	--base02: #073642;
	--base01: #586e75;
	--base00: #657b83;
	--base0: #839496;
	--base1: #93a1a1;
	--base2: #eee8d5;
	--base3: #fdf6e3;
	--base4: #fdf6f3;
	--blue: #268bd2;
	--yellow: #b58900;
}
html, body {
	margin: 0px;
	padding: 0px;
	background-color: #dadded;
	font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
	height: 100%
}
#body-container {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	background-color: var(--bg);
}
#navbar, .navbar-menu, #navMenu {
	background-color: var(--base03);
}
#navbar .navbar-link, #navbar .navbar-item, #navbar .navbar-dropdown {
	border-top-color: var(--base03);
	background-color: var(--base03);
	color: var(--base0);
}
#navbar a:hover {
	background-color: var(--base02);
	color: var(--base0);
}
#navbar .navbar-link:hover,.navbar-link.active,.navbar-item:hover {
	background-color: var(--base02);
}
.navbar-link:not(.is-arrowless)::after {
	border-color: var(--base01);
}
#notices {
	color: var(--base00);
	background-color: white;
}
#content {
	flex: 1 0 auto;
}
#footer {
	color: var(--base0);
	background-color: var(--base03);
	width: 100%;
}
#footer a {
	color: var(--blue);
}
#footer a:hover {
	color: var(--yellow);
}
.box {
	background-color: white;
}