html body {
  background-color: #fff;
  font-weight: 300;
}

body main {
  font-size: 17px;
}

footer {
  opacity: .87;
  background-color: #f2f2f2e6;
  border-top-right-radius: 2px;
  padding: .25em;
  font-size: 100%;
  position: fixed;
  bottom: 0;
}

main div.section, main section {
  height: 700px;
  margin-bottom: 6em;
}

nav#main-nav {
  z-index: 999;
  box-shadow: none;
  background: none;
  border: none;
}

#main-nav ul li {
  width: 9rem;
}

#main-nav ul a {
  text-align: center;
  font-size: 1.2rem;
}

#main-nav ul a:hover {
  background-color: #e0e0e0;
}

small {
  opacity: .5;
}

@media only screen and (width <= 992px) {
  div.navbar-fixed {
    height: .5rem;
  }

  html div#savant {
    top: 1%;
  }
}

#main-nav ul.top-nav, .sidenav {
  background-color: #ededed;
  width: 100%;
  padding: .1em;
}

a#do-it {
  float: right;
  text-shadow: 2px 2px #0a0a0a1a;
  opacity: .65;
  cursor: pointer;
  margin: 0 -.5em 0 0;
  position: relative;
  top: .75rem;
  right: .5em;
}

a#do-it i {
  font-size: 3.25em;
}

nav .sidenav {
  text-align: right;
  width: 12em;
}

#main-nav .sidenav li a {
  width: 12rem;
  height: auto;
  padding: 1.5rem 0;
  font-size: 1.4em;
  font-weight: normal;
}

.sidenav-overlay {
  z-index: 100;
}

html nav a.button-collapse i {
  opacity: .5;
  font-size: 2.5rem;
}

main h2, main h3, main h4, main h5 {
  font-weight: 300;
}

body strong {
  font-weight: 600;
}

body a, body a:visited, #main-nav ul a, nav i {
  color: #168a9c;
}

main .icon {
  color: #811f12;
  text-align: center;
  height: 1.25em;
  margin-top: .35em;
  margin-bottom: .1em;
  font-size: 4.25em;
  display: block;
}

main .icon i {
  display: block;
}

main i.icon-elm {
  font-size: 80%;
}

main i.icon-html5-alt {
  font-size: 92.5%;
}

main i.icon-haskell {
  font-size: 115%;
}

main i.icon-aws {
  padding-top: .1em;
}

a i {
  opacity: .85;
}

main h1, main h2, main h3, main h4, main h5 {
  color: #811f12;
}

main h5 {
  margin-top: 1em;
  margin-bottom: .1em;
}

main h1, #gym-slogan-box, #hipster-slogan-box {
  font-family: Impact, Passion One, Arial Black, sans-serif;
}

main h1 {
  margin-bottom: .25em;
  font-size: 5.5em;
  line-height: .9em;
}

main h3 {
  margin-top: .25em;
  margin-bottom: .25em;
}

main blockquote {
  border-left-color: #b2dfdb;
  max-width: 50em;
  margin-bottom: .25em;
  font-family: monospace;
  font-size: .9em;
}

main pre .nocode {
  color: #fff;
}

div#mcBain, div#savant {
  opacity: 0;
  text-align: right;
  z-index: 10;
  margin-right: 0;
  padding: 0;
  position: fixed;
  right: 0;
}

div#mcBain {
  width: 30%;
  min-width: 160px;
  max-width: 300px;
  min-height: 160px;
  max-height: 300px;
  transition: opacity .2s ease-in;
  bottom: 0;
}

div#savant {
  z-index: 100;
  width: 25%;
  min-width: 110px;
  max-width: 220px;
  min-height: 110px;
  max-height: 220px;
  transition: opacity .85s ease-in-out;
  top: 9%;
  right: 2%;
}

#mcBain div, #savant div {
  float: right;
  background-size: contain;
  width: 100%;
  height: auto;
}

#mcBain div {
  background-image: url("mcbain-gun.898d32cf.png");
  width: 300px;
  height: 300px;
}

#savant div {
  background-image: url("hipster-sign-cutout.4bc61a15.png");
  width: 184px;
  height: 180px;
}

#gym-slogan-box, #hipster-slogan-box {
  color: #853023;
  text-transform: uppercase;
  background: #e8e8e8;
  border-radius: 2px;
  min-height: 1.5em;
  margin: .5em 0;
  padding: .25em;
  font-size: 2.4em;
  line-height: .95em;
}

#gym-slogan-box strong, #hipster-slogan-box strong {
  font-weight: inherit;
}

iframe.hidden-iframe {
  border: none;
  width: 0;
  height: 0;
  position: absolute;
}

#fp-nav ul li, .fp-slidesNav ul li {
  margin: 18px 7px;
}

#fp-nav ul li a span, .fp-slidesNav ul li a span {
  opacity: .3;
  background: #eee;
  border: 1px solid #666;
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
}

#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span {
  opacity: .6;
  width: 12px;
  height: 12px;
  margin: -6px 0 0 -6px;
}

#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {
  opacity: .6;
  background-color: #ddd;
  width: 14px;
  height: 14px;
  margin: -7px 0 0 -7px;
}

pre {
  color: #fff;
  background-color: #333;
  border-radius: .2rem;
  display: block;
}

pre .str {
  color: #ffa0a0;
}

pre .kwd {
  color: khaki;
  font-weight: bold;
}

pre .com {
  color: #87ceeb;
}

pre .typ {
  color: #98fb98;
}

pre .lit {
  color: #cd5c5c;
}

pre .pun, pre .pln {
  color: #fff;
}

pre .tag {
  color: khaki;
  font-weight: bold;
}

pre .atn {
  color: #bdb76b;
  font-weight: bold;
}

pre .atv {
  color: #ffa0a0;
}

pre .dec {
  color: #98fb98;
}

ol.linenums {
  color: #aeaeae;
  margin-top: 0;
  margin-bottom: 0;
}

li.L0, li.L1, li.L2, li.L3, li.L5, li.L6, li.L7, li.L8 {
  list-style-type: none;
}
/*# sourceMappingURL=index.f77cd45d.css.map */