nav ul {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (max-width: 600px) {
  nav ul {
    flex-direction: column;
    align-items: center;
  }
}

header {
  border: 2px solid green;
  padding: 6px;
}
header:hover {
  background-color: lightblue;
}
header:hover * {
  background-color: lightcoral;
}
header p {
  font-size: 18px;
  color: green;
}
header h1 {
  font: 100% Helvetica, sans-serif;
  color: #777;
  font-size: 40px;
}

main {
  border: 2px solid coral;
  padding: 6px;
}
main:hover {
  background-color: antiquewhite;
}
main p {
  font-size: 18px;
  color: coral;
}
main h2 {
  color: #444;
}/*# sourceMappingURL=style.css.map */