body { color: black; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #ffffdc; text-align: center; }
.container { background-color: #ffffc1; border: solid 2px purple; }
h1 { color: #800080; font-size: 1.3em; font-weight: bold; margin: 0.67em 0; }
h2 { color: #800080; font-size: 1em; font-weight: bold; margin: 0.83em 0; }
h3 { color: #800080; font-size: 0.9em; font-weight: bold; margin: 1em 0; }
p { font-size: 0.8em; }
.header { background-color: #800080; text-align: center; }
.header h1 { color: #ffffdc; font-size: 1em; font-weight: bold; margin: 0.67em 0; }
.main { background-color: #ffffeb; padding: 10px; }
.main a:link, .main a:visited, .main a:hover { color: purple; font-weight: bold; font-style: italic; text-decoration: underline; }
.main li { font-size: 0.8em; list-style-type: disc; margin: 0.3em 0 0.3em 10px; }
.highlight { padding: 5px; border: solid 1px #800080; }
.footer { color: #ffffdc; font-size: 0.75em; background-color: #800080; text-align: center; padding: 5px; }
.credits { color: #e59eff; font-size: 0.7em; padding-top: 10px; }
.credits a:link, .credits a:visited, .credits a:hover { color: #e59eff; text-decoration: none; }