body {
  font-size: 1.2em;
  font-family: "Oxygen Mono", monospace;
  line-height: 1.5;
  color: black;
  background-color: #F5F5F5;
  margin: 0; }

.content {
  padding: 0 5%;
  max-width: 900px;
  margin: 0 auto; }

article, aside, details, figcaption, figure, footer, hgroup, header, main, nav, section, summary {
  display: block; }
  article a, aside a, details a, figcaption a, figure a, footer a, hgroup a, header a, main a, nav a, section a, summary a {
    color: #B8860B;
    text-decoration: none; }
    article a:hover, aside a:hover, details a:hover, figcaption a:hover, figure a:hover, footer a:hover, hgroup a:hover, header a:hover, main a:hover, nav a:hover, section a:hover, summary a:hover {
      text-decoration: underline; }
  article h2, aside h2, details h2, figcaption h2, figure h2, footer h2, hgroup h2, header h2, main h2, nav h2, section h2, summary h2 {
    font-size: 80%;
    color: #757575;
    padding: 0;
    margin: 3px; }
  article h4, aside h4, details h4, figcaption h4, figure h4, footer h4, hgroup h4, header h4, main h4, nav h4, section h4, summary h4 {
    padding: 0;
    margin: 0; }

header h1 {
  font-weight: bold;
  font-size: 110%;
  padding: 0;
  margin: 3px; }
header a {
  color: black;
  text-decoration: none; }

h1 {
  font-size: 1.8em;
  margin: 0 0; }

h2 {
  font-size: 1.5em;
  margin: 0.83em 0; }

pre {
  background-color: #000000;
  padding: 10px;
  border-radius: 5px;
  border: 5px solid #afafaf;
  overflow: auto;
  width: auto;
  line-height: 1.1; }
  pre code {
    font-family: "Anonymous Pro", "Courier New", monospace;
    border: 1px solid #c8c8c8;
    margin: 1px;
    padding: 1px 3px;
    font-size: 85%;
    border-radius: 3px;
    border: 0;
    padding: 0;
    margin: 0; }

code, pre {
  font-size: 1em; }

code {
  color: #464646;
  font-family: "Anonymous Pro", "Courier New", monospace;
  background-color: #f0f0f0;
  border: 1px solid #c8c8c8;
  margin: 1px;
  padding: 5px;
  font-size: 85%;
  border-radius: 3px; }

p, pre {
  margin: 1em 0; }

nav .middle {
  margin-top: 0.4em; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1.0em 0;
  padding: 0;
  box-sizing: content-box; }

.title {
  width: 60%; }

.left, .middle {
  float: left; }

.social {
  width: 40%; }
  .social a.huge {
    display: inline-block; }

.right {
  float: right;
  text-align: right; }

.huge {
  font-size: 200%; }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.container {
  width: 100%; }

.quarter {
  width: 25%; }

.big {
  font-size: 110%; }

.half {
  width: 50%; }

.middle {
  text-align: center; }

.meta {
  line-height: 1; }

time, small {
  color: #464646;
  font-size: 70%; }

ul {
  padding: 0;
  margin: 20px 0; }

ul.container {
  list-style: none; }

ul.tags {
  list-style: none; }
  ul.tags li {
    display: inline-block;
    background-color: #ccc;
    padding: 8px;
    font-size: 65%; }
  ul.tags li.post-title {
    font-size: 1.8em;
    margin: 0 0;
    background-color: inherit; }
  ul.tags li.date {
    font-weight: bold;
    font-size: 75%; }

#prs #inputs {
  float: right;
  width: 48%; }
#prs div.progress {
  float: left;
  position: relative;
  width: 48%; }
  #prs div.progress .progress-mask {
    float: left;
    background-color: #ffffff;
    opacity: 0.85;
    width: 328px;
    height: 900px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1000; }
#prs .button {
  -moz-box-shadow: inset 0px 1px 0px 0px #7a8eb9;
  -webkit-box-shadow: inset 0px 1px 0px 0px #7a8eb9;
  box-shadow: inset 0px 1px 0px 0px #7a8eb9;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #637aad), color-stop(1, #5972a7));
  background: -moz-linear-gradient(top, #637aad 5%, #5972a7 100%);
  background: -webkit-linear-gradient(top, #637aad 5%, #5972a7 100%);
  background: -o-linear-gradient(top, #637aad 5%, #5972a7 100%);
  background: -ms-linear-gradient(top, #637aad 5%, #5972a7 100%);
  background: linear-gradient(to bottom, #637aad 5%, #5972a7 100%);
  background-color: #637aad;
  border: 3px solid #314179;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-family: Arial;
  font-size: 14px;
  font-weight: bold;
  padding: 15px 29px;
  text-decoration: none; }
#prs .button:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5972a7), color-stop(1, #637aad));
  background: -moz-linear-gradient(top, #5972a7 5%, #637aad 100%);
  background: -webkit-linear-gradient(top, #5972a7 5%, #637aad 100%);
  background: -o-linear-gradient(top, #5972a7 5%, #637aad 100%);
  background: -ms-linear-gradient(top, #5972a7 5%, #637aad 100%);
  background: linear-gradient(to bottom, #5972a7 5%, #637aad 100%);
  background-color: #5972a7; }
#prs .button:active {
  position: relative;
  top: 1px; }

/*# sourceMappingURL=site.css.map */