@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), url("/font/source-sans-pro-v11-latin-regular.woff2") format("woff2"), url("/font/source-sans-pro-v11-latin-regular.woff") format("woff"); }

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), url("/font/source-sans-pro-v11-latin-700.woff2") format("woff2"), url("/font/source-sans-pro-v11-latin-700.woff") format("woff"); }

@font-face {
  font-family: 'JSORG';
  font-style: normal;
  font-weight: 800;
  src: url(https://js.org/font/jsorg.eot);
  src: url(https://js.org/font/jsorg.eot?#iefix) format("embedded-opentype"), url("data:font/x-woff;base64,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") format("woff"), url("https://js.org/font/jsorg.eot?#iefix") format("embedded-opentype"); }

html {
  background-color: #FFE70B; }

body {
  padding: 0 5%;
  color: #2c251b;
  font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%; }
  body:after {
    content: "";
    position: fixed;
    top: 0;
    height: 100%;
    left: 0;
    right: 0;
    z-index: -1;
    background: url(/15406432865_b52d281745_o_low.jpg) 88% 70%;
    background-size: cover; }

@media (min-aspect-ratio: 1920 / 1280) {
  body {
    margin: 7vh 8% 3vh 51%; } }

@media (max-aspect-ratio: 1920 / 1280) {
  body {
    max-width: 46vh;
    margin: 9vh 8% 3vh auto; } }

::-webkit-scrollbar {
  width: .5em; }

::-webkit-scrollbar-track {
  background: rgba(44, 37, 27, 0.3); }

::-webkit-scrollbar-thumb {
  background: rgba(44, 37, 27, 0.5); }

::-webkit-scrollbar-thumb:active {
  background: #2c251b; }

p {
  margin: 1.5em 0; }
  p.bigger {
    font-size: 1.4em;
    margin-top: .2em; }

a {
  color: #2c251b;
  outline: none;
  border: none;
  text-decoration: none;
  font-weight: 700; }

.icon {
  font-family: 'JSORG';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.hf {
  margin: 1.5em -4px;
  border-collapse: separate;
  border-spacing: 4px; }
  .hf td {
    vertical-align: bottom;
    margin: 0;
    padding: 0; }
    .hf td.hr {
      border-top: 2px solid rgba(44, 37, 27, 0.3); }
  .hf .logo {
    width: 100%;
    font-size: 5em; }
  .hf span {
    padding-left: 4px; }
  .hf .logo.small {
    font-size: 1.25em; }
  .hf .logo.small span {
    display: inline-block;
    line-height: 0;
    font-size: 2em;
    padding-left: 2px;
    vertical-align: top; }
  .hf .tw {
    display: block;
    width: 1.2em;
    line-height: 1.2em;
    text-align: center;
    font-size: 2em;
    color: #2c251b; }
  .hf .gh {
    padding: 2px 6px;
    margin: -2px -6px;
    line-height: 1.25em;
    width: auto;
    white-space: nowrap;
    color: #2c251b; }
    .hf .gh span {
      min-width: 30px;
      display: none;
      padding-left: .4em;
      font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
      font-weight: 700;
      vertical-align: top; }
  .hf .update {
    font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
    white-space: nowrap; }
  .hf .at {
    font-size: .8em; }
  .hf .at span {
    float: right; }
    .hf .at span a {
      font-weight: 400; }

::selection {
  color: #FFE70B;
  background: #2c251b; }

em {
  letter-spacing: .1em;
  font-style: normal;
  background: #2c251b;
  color: #FFE70B;
  padding: 0 5px 1px 5px;
  margin: 0 6px 0 1px; }

a:hover {
  color: rgba(44, 37, 27, 0.6);
  transition: all .2s; }

.hf .tw:hover,
.hf .gh:hover {
  color: rgba(44, 37, 27, 0.6); }

#err404 {
  text-align: center; }
  #err404 span {
    font-size: 5.5em;
    line-height: 1em;
    font-weight: 700; }

#typewriter {
  font-size: 2.5em;
  margin: 0; }
  #typewriter #hermes {
    /*-moz-transition: all .2s .1s;
    -o-transition: all .2s .1s;
    -webkit-transition: all .2s .1s;
    transition: all .2s .1s;*/ }
  #typewriter #hermes.active {
    padding-right: .1em;
    border-right: 2px solid #2c251b; }

section {
  position: relative;
  padding: .5em 1px;
  margin: 1.5em 1px;
  color: #FFE70B; }
  section a {
    font-weight: 700;
    color: #FFE70B;
    border-bottom: 1px solid currentColor;
    display: inline-block;
    line-height: 1;
    text-shadow: 1px 1px #2c251b, 1px -1px #2c251b, -1px 1px #2c251b, -1px -1px #2c251b; }
    section a:hover {
      color: rgba(255, 231, 11, 0.5); }
  section input {
    position: absolute;
    opacity: 0;
    top: 0;
    left: -999px; }
    section input:checked + article {
      display: inline-block; }
    section input#s1I:checked ~ nav #s1L,
    section input#s2I:checked ~ nav #s2L,
    section input#s3I:checked ~ nav #s3L,
    section input#s4I:checked ~ nav #s4L {
      background-color: #2c251b;
      color: #FFE70B; }
  section nav {
    display: inline-table;
    border-collapse: collapse;
    margin: 0;
    color: #2c251b; }
    section nav label {
      cursor: pointer;
      display: table-cell;
      border: 2px solid #2c251b;
      border-top: none;
      left: 0;
      font-weight: 700;
      font-size: 1em;
      height: 2em;
      width: 2em;
      line-height: 2em;
      text-align: center;
      margin: 0;
      padding: 0;
      -moz-transition: all .3s;
      -o-transition: all .3s;
      -webkit-transition: all .3s;
      transition: all .3s; }
      section nav label:hover {
        background: rgba(44, 37, 27, 0.3);
        color: #2c251b; }
  section article {
    display: none;
    background-color: #2c251b;
    margin: 0;
    padding: 1.2em; }
    section article h3 {
      float: left;
      color: #FFE70B;
      border-right: 2px solid #FFE70B;
      font-size: 4em;
      width: 1em;
      padding-top: .2em;
      text-align: center;
      line-height: .75em;
      font-weight: 700;
      margin: -.2em .3em .1em -.2em; }

@media screen and (max-width: 640px) {
  section article h3 {
    font-size: 2em;
    padding-top: .4em;
    margin: -.6em .6em 0 0; }
  #typewriter {
    font-size: 2em; } }

@media screen and (max-width: 480px) {
  #typewriter {
    font-size: 1.5em;
    font-weight: 700; } }