body {background-image: url(img/wood.jpg); background-size: 100%; text-align: center;}

h1 {font-size: 23px; text-align: center; font-weight: bold; color: black; border-top: solid 6px red; border-bottom: solid 6px orange; background: #fffff4;}
#1, #3, #5 {font-size: 20px; text-align: center; font-weight: bold; text-decoration: underline red wavy; background: white;}
#2, #4, #6 {font-size: 20px; text-align: center; font-weight: bold; text-decoration: underline orange wavy; background: white;}
div {text-indent: 2em; background: white; margin-left: 10%; margin-right: 10%;}
#sub {font-weight: bold;}
p {background: white; text-indent: 1em; text-align: center; margin-left: 10%; margin-right: 10%;}
h3, h4 {text-align: center; font-weight: bold; font-size: 18px; border: 3px solid orange; border-radius: 10px; background: white;}
ul, ol {background: white;}
ul li {text-align: left; list-style-type: none; font-size: 18px; padding-left: 4em;}
#contentlist li:before {content: "❦ ";}
ol li {text-align: left; padding-left: 4em; text-indent: -2em; list-style-type: none; counter-increment: step; font-size: 18px;}
ol li:before {content: "("counter(step)") ";}
a {color: red;}
#clock {text-align: right; font-size: 18px; border: 4px black solid; background-color: white;}

strong {text-align: center; font-size: 18px; font-weight: bold;}
#sitemenu {text-align: center; font-size: 18px; border: 2px outset pink; border-radius: 12px; background: white;}
#sitemenu:active {border: 2px inset orange; font-size: 20px;}