body {
 background-image: url("background.gif");}
h1, h2, h3, h4, p, ol, li {
color: navy;
}
h1, h2, h3 {
text-align: center;
}
h4, p, ol, li {
text-align: left;
}
h1 {
font-size: 30px;
}
h2 {
font-size: 28px;
}
h3 {
font-size: 26px;
}
h4, p, ol, li {
font-size: 24px;
}
table, tr {
  border: 2px solid navy;
  width: 90vw;
}
td {
vertical-align: middle;
width: 45vw;
}
a {
text-decoration: none;
}
 /* unvisited link */
a:link {
  color: darkred;
}
/* visited link */
a:visited {
  color: darkgreen;
}
/* mouse over link */
a:hover {
  color: navy;
}
/* selected link */
a:active {
  color: navy;
} 
.flex-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media (max-width: 800px) {
  .flex-container {
    flex-direction: column;
  }
}