/* General */
body {
  color: #B1F8FA;
  background-color: #513C23;
  line-height: 2;
}

h1, h2, h3, h4, h5, h6 {
  color: #f0f0f0;
}

.content a {
  font-weight: 700;
  color: #fff;
}

/* Sidebar */
@media (min-width: 48em) {
  .sidebar {
    width: 16rem;
  }

  footer {
    padding-left: 16rem;
  }
}

.author-image {
  margin-bottom: 1.5rem;
}

.sidebar-about p {
  margin-top: 1rem;
  font-size: 1rem;
  font-weight: 400;
}

.sidebar a {
  font-weight: 700;
}

/* Content */
@media (min-width: 48em) {
  .content {
    max-width: 40rem;
    margin-left: 18rem;
  }
}

@media (min-width: 64em) {
  .content {
    max-width: 45rem;
    margin-left: 18rem;
    margin-right: 2rem;
  }
}