@import url(https://fonts.bunny.net/css?family=andada-pro:400);

body {
  background-color: hsl(34, 43%, 78%);
  font-family: 'Andada Pro', serif;
}

.content {
  max-width: 1000px;
  margin: 0px auto;
  padding: 20px;
}

h1 {
  text-align: center;
  text-decoration: underline;
  color: hsl(219, 79%, 40%);
}

a {
  text-decoration: none;
  color: hsl(219, 79%, 50%);
}


@media (prefers-color-scheme: dark) {
  body {
    background-color: hsl(34, 0%, 15%);
    color: hsl(219, 79%, 100%);
  }
  h1 {
    color: hsl(219, 79%, 100%);
  }
  a {
    color: hsl(219, 79%, 70%);
}

@media screen and (max-width: 1800px) {
  .content {
    width: auto;
    margin: 0px 20%;
  }
}
@media screen and (max-width: 1500px) {
  .content {
    width: auto;
    margin: 0px 15%;
  }
}
@media screen and (max-width: 1400px) {
  .content {
    width: auto;
    margin: 0px 10%;
  }
}
@media screen and (max-width: 1100px) {
  .content {
    width: auto;
    margin: 0px 5%;
  }
}
@media screen and (max-width: 1000px) {
  .content {
    width: auto;
    margin: 0px 0px;
  }
}