body {
  background-color: rgb(245, 245, 250);
  color: hsl(270, 6%, 14%);
  font: 1.15rem "Avenir Next", sans-serif;
  display: flex;
  flex-direction: column;
  line-height: 2rem;
}
@media screen and (min-width: 480px) {
  body {
    justify-content: flex-start;
    padding: 0 16pt 0 16pt;
  }
}
@media screen and (min-width: 768px) {
  body {
    padding: 0 12.5% 0 12.5%;
  }
}
@media screen and (min-width: 1024px) {
  body {
    padding: 0 27% 0 27%;
  }
}

a:link, a:visited {
  color: mediumpurple;
  text-decoration: none;
}

a:hover {
  color: deeppink;
}

nav ul {
  padding: 0;
  display: flex;
  justify-content: flex-start;
  gap: 2rem;
}
nav li {
  list-style-type: none;
}
nav #current {
  color: hotpink;
}

footer ul {
  padding: 0;
  display: flex;
  justify-content: flex-start;
  gap: 2rem;
}
footer li {
  list-style-type: none;
}

/*# sourceMappingURL=styles.css.map */