/* line 19, /Users/jeremyraines/dev/blog/source/stylesheets/main.css.sass */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

/* line 24, /Users/jeremyraines/dev/blog/source/stylesheets/main.css.sass */
.highlight .p {
  color: #a0a050 !important; }

/* line 27, /Users/jeremyraines/dev/blog/source/stylesheets/main.css.sass */
#name {
  display: inline-block; }

/* line 30, /Users/jeremyraines/dev/blog/source/stylesheets/main.css.sass */
#icons {
  display: inline-block;
  margin-left: 30px; }
  /* line 33, /Users/jeremyraines/dev/blog/source/stylesheets/main.css.sass */
  #icons a {
    margin-right: 6px; }

/* line 36, /Users/jeremyraines/dev/blog/source/stylesheets/main.css.sass */
.article-date {
  margin-right: 15px; }

/* line 39, /Users/jeremyraines/dev/blog/source/stylesheets/main.css.sass */
code {
  background: #fae5af; }

/* line 42, /Users/jeremyraines/dev/blog/source/stylesheets/main.css.sass */
body {
  font-family: Arial, sans-serif;
  background: #fdf6e3;
  color: black;
  font-size: 16px;
  line-height: 23px; }

/* line 51, /Users/jeremyraines/dev/blog/source/stylesheets/main.css.sass */
a i {
  font-size: 28px;
  transition: color 0.2s ease; }
/* line 55, /Users/jeremyraines/dev/blog/source/stylesheets/main.css.sass */
a i.fa-github {
  color: black; }
/* line 58, /Users/jeremyraines/dev/blog/source/stylesheets/main.css.sass */
a i.fa-twitter {
  color: #268bd2; }
/* line 61, /Users/jeremyraines/dev/blog/source/stylesheets/main.css.sass */
a i:hover {
  color: #b58900; }

/* line 64, /Users/jeremyraines/dev/blog/source/stylesheets/main.css.sass */
#bio-photo {
  display: inline-block;
  vertical-align: middle;
  height: 80px;
  width: 80px;
  border-radius: 40px;
  border: 1px #cb4b16 solid;
  margin-right: 18px;
  margin-bottom: 12px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  background: url("/images/jr.jpg") -40px -64px no-repeat;
  background-size: 148px; }

/* line 78, /Users/jeremyraines/dev/blog/source/stylesheets/main.css.sass */
#byline {
  font-style: italic;
  padding: 10px 0 25px 0;
  text-align: center;
  color: #859900;
  font-size: 87.25%; }
  /* line 84, /Users/jeremyraines/dev/blog/source/stylesheets/main.css.sass */
  #byline a {
    font-style: normal; }

/* line 87, /Users/jeremyraines/dev/blog/source/stylesheets/main.css.sass */
p {
  margin-bottom: 26px; }

/* line 90, /Users/jeremyraines/dev/blog/source/stylesheets/main.css.sass */
pre {
  white-space: pre-wrap; }

/* line 93, /Users/jeremyraines/dev/blog/source/stylesheets/main.css.sass */
.highlight {
  width: 100%;
  display: inline-block;
  word-wrap: normal;
  padding: 12px;
  margin: 5px 0 15px 0;
  background: #faeabd; }

/* line 101, /Users/jeremyraines/dev/blog/source/stylesheets/main.css.sass */
#mapicon-wrapper {
  border: 3px green solid;
  display: inline-block;
  background-image: radial-gradient(farthest-corner at 0.75vw 0.25vw, #008000 0%, #ffff00 100%);
  padding: 2vw; }

/* line 107, /Users/jeremyraines/dev/blog/source/stylesheets/main.css.sass */
#mapicon {
  -webkit-mask-image: url(/images/mapicon.svg);
  width: 10vw;
  height: 10vw;
  mask-image: url(/images/mapicon.svg);
  animation: my-animation 3s;
  animation-iteration-count: infinite; }

@keyframes my-animation {
  /* line 116, /Users/jeremyraines/dev/blog/source/stylesheets/main.css.sass */
  0% {
    background: green; }

  /* line 118, /Users/jeremyraines/dev/blog/source/stylesheets/main.css.sass */
  50% {
    background: yellow; }

  /* line 120, /Users/jeremyraines/dev/blog/source/stylesheets/main.css.sass */
  100% {
    background: green; } }

/* line 124, /Users/jeremyraines/dev/blog/source/stylesheets/main.css.sass */
#main {
  width: 740px;
  margin: auto;
  margin-top: 20px;
  padding: 32px;
  background: #fcf0d3;
  border: 3px #fae7b6 solid; }
  /* line 131, /Users/jeremyraines/dev/blog/source/stylesheets/main.css.sass */
  #main ul {
    margin-bottom: 16px; }
  /* line 133, /Users/jeremyraines/dev/blog/source/stylesheets/main.css.sass */
  #main li {
    list-style-type: disc;
    list-style-position: inside;
    text-indent: -2em;
    padding-left: 2em; }
  /* line 139, /Users/jeremyraines/dev/blog/source/stylesheets/main.css.sass */
  #main ul.articles li {
    list-style-type: none;
    text-indent: 0;
    padding-top: 0.35vh;
    padding-left: 0; }
  /* line 145, /Users/jeremyraines/dev/blog/source/stylesheets/main.css.sass */
  #main blockquote {
    font-style: italic;
    color: black;
    font-size: 16px;
    padding: 12px;
    line-height: 30px;
    border-top: thin solid darkgoldenrod;
    border-bottom: thin solid darkgoldenrod;
    margin-top: 5px;
    margin-bottom: 24px; }
    /* line 156, /Users/jeremyraines/dev/blog/source/stylesheets/main.css.sass */
    #main blockquote .attribution {
      font-weight: bold;
      display: inline-block;
      text-align: right;
      width: 100%;
      font-size: 16px;
      padding-right: 10px; }
    /* line 164, /Users/jeremyraines/dev/blog/source/stylesheets/main.css.sass */
    #main blockquote p {
      margin-bottom: 0; }
  /* line 167, /Users/jeremyraines/dev/blog/source/stylesheets/main.css.sass */
  #main h1 {
    color: #cb4b16;
    font-size: 36px;
    text-align: center;
    padding: 18px;
    margin-bottom: 20px;
    line-height: 1.25em;
    font-weight: bold; }
  /* line 177, /Users/jeremyraines/dev/blog/source/stylesheets/main.css.sass */
  #main .twitter-tweet {
    margin-bottom: 50px !important; }
  /* line 180, /Users/jeremyraines/dev/blog/source/stylesheets/main.css.sass */
  #main h2 {
    color: #6c71c4;
    font-size: 26px;
    line-height: 32px;
    padding: 24px 0 28px 0; }
  /* line 186, /Users/jeremyraines/dev/blog/source/stylesheets/main.css.sass */
  #main h3 {
    color: #2aa198;
    font-size: 18px;
    padding: 15px 0 20px 0; }
  /* line 191, /Users/jeremyraines/dev/blog/source/stylesheets/main.css.sass */
  #main h4 {
    color: #6c71c4;
    font-size: 22px;
    padding: 16px 0 0 0; }
    /* line 195, /Users/jeremyraines/dev/blog/source/stylesheets/main.css.sass */
    #main h4.index-h4 {
      padding: 16px 0; }

/* line 198, /Users/jeremyraines/dev/blog/source/stylesheets/main.css.sass */
hr {
  margin-bottom: 15px; }

/* line 201, /Users/jeremyraines/dev/blog/source/stylesheets/main.css.sass */
footer {
  clear: both; }