@import "/src/css/reset.css";

/* Define variable */
:root {
	--color-accent: #66cccc;
	--color-subaccent: #228899;
	--color-bg: #ccffff;
	--color-bg-2: #66cccc;
	--color-bg-3: #228899;
}

/* Layout */
body {
	display: flex;
	flex-direction: column;
}
header, #header-wrapper,
footer, #footer-wrapper,
#contentarea-wrapper {
	width: 100%; }
#contentarea-wrapper {
	flex-grow: 1;
}

/* Design */
#header-wrapper { background-color: var(--color-bg-2); }
#contentarea-wrapper { background-color: var(--color-bg); }
#footer-wrapper { background-color: var(--color-bg-3); }
footer p {
	text-align: center;
	line-height: 1.5em;
	color: white;
}