body {
font-family: sans-serif;
width: 1162px;
margin-left: auto;
margin-right: auto;
}

h1, h2, h3, h4 {
margin-top: 1em;
color: #333;
}

h1 {
margin-top: 0;
font-size: 3em;
font-weight: 600;
}

h2 {
font-size: 1.8em;
font-weight: 500;
}

h3 {
font-size: 1.5em;
font-weight: 400;
}

h4 {
font-size: 1.2em;
}

em {
background-color: yellow;
font-style: normal;
}

mark {
background-color: wheat;
font-style: normal;
}

mark a {
color: #333;
}

td {
vertical-align: top;
}

td p {
margin-top: 0;
color: #333;
font-size: 1em;
}

img {
margin-right: 2em;
margin-bottom: 7px;
}

img.cut-bottom {
border-bottom: 2px dashed teal;
}

img.cut-all {
border: 2px dashed teal;
}

#footer {
margin-top:3em;
color: grey;
font-size: 0.9em;
}

#bar {
text-align:left;
background-color:green;
color:white;
padding:4px;
margin:0px;
border-radius:0 10px 10px 0;
}

#bar a {
color:white;
text-decoration:none;
}

h3 .checkmark {
margin:2px;
padding:1px 4px;
border:1px solid grey;
}

.star {
margin:2px;
padding:1px 4px;
color:gold;
font-size:2em;
}

pre, code {
background-color: cornsilk;
}

a {
color: olivedrab;
}