body {
	Font-family: sans-serif;
	Text-align: center;
	Margin: 0;
	Padding: 0;
}

main {
	Border-width: 0.5ex;
	Border-style: groove;
	Margin: 1em auto;
	Padding: 1em 2.5%;
	Line-height: 1.5em;
	Width: 90%;
	Max-width: 100ex;
}

footer {
	Margin: 1em auto;
	Padding: 1em 0;
	Border-width: 0.5ex;
	Border-top-style: groove;
}

h1 { Font-size: 2em; }
h2 { Font-size: 1.5em; }
h3 { Font-size: 1.3em; }

h1, h2, h3 { Font-weight: bold; }

.description {
	Margin: 1em 0;
	Padding: 1em 0;
	Border-width: 0.5ex;
	Border-top-style: groove;
	Border-bottom-style: groove;
}

figure {
	Display: inline-block;
	Width: 320px;
	Padding: 8px;
	Margin: 8px;
	Max-width: 80%;
}

header img, figure img, main img {
	Max-width: 100%;
}

main p, main ul, main ol, main dl { Text-align: left; }


body {
	Background-color: #140c1c;
	Color: #deeed6;
}
main {
	Border-color: #dad45e;
	Background-color: #deeed6;
	Color: #140c1c;
}
a {
	Color: #d04648;
	Font-weight: bold;
	Text-decoration: none;
}
a:hover { Color: #d27d2c; }

main a {
	Color: #597dce; Font-weight: bold;
}
main a:visited { Color: #4e4a4e; }
main a:active { Color: #6dc2ca; }
main a:hover { Color: #6dc2ca; }

.description, footer { Border-color: #dad45e; }