html {
  background-color: darkslategray;
  padding: 20px;
}

body {
  font-family: "Droid Serif", monospace;
}

header {
  margin: 20px;
  padding: 20px;
  background-color: lightsalmon;
  color: darkslategray;
}

nav {
  margin: 20px;
  padding: 20px;
  background-color: lightsalmon;
  color: darkslategray;
}

main {
  margin: 20px;
  padding: 20px;
  background-color: lightsalmon;
  color: darkslategray;
}

footer {
  padding: 20px;
  margin: 20px;
  background-color: lightsalmon;
  color: darkslategray;
}

a {
  color: darkslategray;
}

a:hover,
a:focus {
  color: darkslateblue;
}

.header-container {
  display: flex;
  align-items: flex-start;
  gap: 15px;
}

.header-image {
  height: 225px;
}

.header-content {
  flex: 3;
}

nav a {
  border: 3px solid darkslategray;
  padding: 0.5em;
}

li img {
  width: 80%;

}