body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-items: center;
}

img {max-width: 90vw;}

p, li {
  font-family: sans-serif;
  font-size: 1.5em;
}

nav {
  display: flex;
  justify-content: space-evenly;
  width: 800px;
  & a {text-decoration: none; color: royalblue; font-size: 2em;}
  & a:hover {text-decoration: underline;}
}

h2 {margin: 0px; text-align: left; color: firebrick; font-family: sans-serif; font-size: 2em;}

@media only screen and (max-width: 950px) {
  main {width: 90vw;}
  main img {width: 100%;}
  nav {width: auto; flex-direction: column;}
}