html, body {
height: 100%;
}
body {
margin: 0;
background: #560707;
color: #431718;
font-size: 1rem;
font-family: 'Times New Roman', Times, serif;
line-height: 1.5;
}
header {
image-rendering: pixelated;
}
h1 {
margin-top: .5rem;
margin-bottom: .5rem;
border-bottom: 1px solid;
}
a {
color: blue;
}
.container {
margin: auto;
max-width: 600px;
background: bisque;
}
main {
padding: 1rem;
padding-top: 0;
}
img {
display: block;
max-width: 100%;
max-height: 10rem;
height: auto;
}
table {
border-collapse: collapse;
width: 100%;
}
td, th {
text-align: left;
padding: 8px;
}
tr:nth-child(even) {
background: #eed3b3;
}
@media (max-width: 600px) {
.container {
min-height: 100%;
}
}