/*
    Fonts
    -------------------------------------- */
@font-face {
    font-family: 'FreeSans';
    src: url('FreeSans.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FreeSans';
    src: url('FreeSansOblique.otf') format('opentype');
    font-weight: normal;
    font-style: italic;
}

html {
  font-family: 'FreeSans', 'Helvetica', sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.111;
  box-sizing: border-box;
  letter-spacing: 88%;
  word-spacing: 0.05rem;
  color: black;
  -webkit-text-stroke: .5px black;
}

::selection {
  background: rgba(0,0,0,.99);
  color: rgba(255,255,255,.99);
  -webkit-text-stroke: .5px white;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

article, header, main, section, body {
    display: block;
}

a {
    color: black;
    text-decoration: underline;
}

a:hover {
    text-decoration: underline;
}

/*
    Padding Rules
    -------------------------------------- */
.p0 {padding:calc(0 * 1.111)}
.p1_2 {padding:calc(.5em * 1.111)}
.p1 {padding:calc(1em * 1.111)}
.p2 {padding:calc(2em * 1.111)}
.p3 {padding:calc(3em * 1.111)}
.p4 {padding:calc(4em * 1.111)}

.pt0 {padding-top:calc(0 * 1.111)}
.pt1_2 {padding-top:calc(.5em * 1.111)}
.pt1 {padding-top:calc(1em * 1.111)}
.pt2 {padding-top:calc(2em * 1.111)}
.pt3 {padding-top:calc(3em * 1.111)}
.pt4 {padding-top:calc(4em * 1.111)}

.pr0 {padding-right:calc(0 * 1.111)}
.pr1_2 {padding-right:calc(.5em * 1.111)}
.pr1 {padding-right:calc(1em * 1.111)}
.pr2 {padding-right:calc(2em * 1.111)}
.pr3 {padding-right:calc(3em * 1.111)}
.pr4 {padding-right:calc(4em * 1.111)}
.pr36 {padding-right:36px}

.pb0 {padding-bottom:calc(0 * 1.111)}
.pb1_2 {padding-bottom:calc(.5em * 1.111)}
.pb1 {padding-bottom:calc(1em * 1.111)}
.pb2 {padding-bottom:calc(2em * 1.111)}
.pb3 {padding-bottom:calc(3em * 1.111)}
.pb4 {padding-bottom:calc(4em * 1.111)}

.pl0 {padding-left:calc(0 * 1.111)}
.pl1_2 {padding-left:calc(.5em * 1.111)}
.pl1 {padding-left:calc(1em * 1.111)}
.pl2 {padding-left:calc(2em * 1.111)}
.pl3 {padding-left:calc(3em * 1.111)}
.pl4 {padding-left:calc(4em * 1.111)}

.px0 {padding-left:calc(0 * 1.111);padding-right:calc(0 * 1.111)}
.px1_2 {padding-left:calc(.5em * 1.111);padding-right:calc(.5em * 1.111)}
.px1 {padding-left:calc(1em * 1.111);padding-right:calc(1em * 1.111)}
.px2 {padding-left:calc(2em * 1.111);padding-right:calc(2em * 1.111)}
.px3 {padding-left:calc(3em * 1.111);padding-right:calc(3em * 1.111)}
.px4 {padding-left:calc(4em * 1.111);padding-right:calc(4em * 1.111)}
.px5 {padding-left:calc(5em * 1.111);padding-right:calc(5em * 1.111)}

.py0 {padding-top:calc(0 * 1.111);padding-bottom:calc(0 * 1.111)}
.py1_2 {padding-top:calc(.5em * 1.111);padding-bottom:calc(.5em * 1.111)}
.py1 {padding-top:calc(1em * 1.111);padding-bottom:calc(1em * 1.111)}
.py2 {padding-top:calc(2em * 1.111);padding-bottom:calc(2em * 1.111)}
.py3 {padding-top:calc(3em * 1.111);padding-bottom:calc(3em * 1.111)}
.py4 {padding-top:calc(4em * 1.111);padding-bottom:calc(4em * 1.111)}