---
# This is required to make it include from the root Sass directory.
---

---
# This is required to make it include from the root Sass directory.
---

$desktop-width: 50rem;

body {
  font-family: Martel;
  margin: 0em;
  padding: 0em;
}

a {
  text-decoration: none;
}

pre, code, kbd {
  font-family: Inconsolata;
}

header.main {
  width: 100%;
  background-color: #111;
  display: flex;
  flex-direction: column;
  padding: 0.5rem 0rem 0.75rem 0rem;

  a {
    color: #ddd;
  }

  > h1 {
    margin: 0rem 0rem 0.75rem 0rem;
    line-height: 1;
    text-align: center;
  }

  @media (min-width: $desktop-width) {
    > h1 {
      margin-top: 0.15rem;
      font-size: 4rem;
    }

    > a {
      font-size: 1.5rem;
    }
  }
}

nav.main {
  width: 100vw;
  max-width: 25rem;
  display: flex;
  justify-content: space-around;
  margin: 0rem auto;
}

main.main {
  width: 95vw;
  margin: 0rem auto;

  @media (min-width: $desktop-width) {
    width: 80vw;
  }
}

img {
  max-width: 100%;
  height: auto;

  &.round {
    border-radius: 50%;
    margin: 0.25rem;
  }
}

.pull-right { float: right; }
.pull-left { float: left; }

.instagram-media {
  margin: 0rem auto;
}

body.about > img#self {
  @extend img.round;
  width: 100%;

  @media (min-width: $desktop-width) {
    > & {
      width: auto;
      float: right;
    }
  }
}

Rewrite the site's CSS. From 488 to like 30.
Rewrite the site's CSS. From 488 to like 30.
