body {
  max-width: 600px;
  margin: 0 auto;
  padding: 1rem;
  /* color: #833bdb; */
}

header a{
  text-decoration: none;
  color: #833bdb;
  opacity: 0.5;
  font-size: 2em;
  font-weight: lighter;
}

h1{
  color: #833bdb;
}
h2{
  color: #833bdb;
  opacity: 0.8;
}
h3{
  color: #833bdb;
  opacity: 0.6;
}

main a{
  text-decoration: none;
  font-weight: bold;
  &:link{
    color: black;
  }
  &::before{
    content: '➤ ';
    color: #833bdb;
    opacity: 0.7;
  }
  &::after{
    content: "\A";
    white-space: pre;
  }
  &:visited{
    color: #666666;
  }
}

li::marker {
  color: #833bdb;
}

p{
  margin-left: 1em;
}

.lead {
  color: #833bdb;
}

@media (max-width: 600px) {
  body {
    font-size: 1rem;
    padding: 1rem;
    max-width: 600px;
  }
}