html {
  background-color: #222129;
  color: #dedede;
  font-family: Arial;
}

body {
  line-height: 150%;
  font-size: 20px;
  color: #FFA86A;
}

a {
  color: #cb86c5;
}

a:hover {
  color: #ecb6e7;
}

.u-margin-bottom {
  margin-bottom: 1rem;
}

.u-margin-bottom-large {
  margin-bottom: 2rem;
}

i {
  font-style: italic;
}

.site-container {
  padding: 2rem;
  width: 1000px;
  margin: 0 auto;
}

.para {
  margin-bottom: 1.25rem;
}

.postdate {
  font-style: italic;
  margin-bottom: 1.25rem;
}

.heading1, .heading2 {
  font-family: Arial;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #cb86c5;
}

.heading1 {
  font-size: 2rem;
}

.heading2 {
  font-size: 1.75rem;
}

.heading3 {
  font-size: 1.5rem;
  font-style: italic;
  font-weight: bold;
}

.section {
  border: 1px solid #6b5337;
  padding: 2rem;
}