/* Neat 1.7.0
 * http://neat.bourbon.io
 * Copyright 2012-2014 thoughtbot, inc.
 * MIT License */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit; }

body, html, p, h1, h2, h3, h4, h5, h6 {
  font-family: "Lato", "Helvetica", serif;
  font-weight: normal; }

code {
  font-family: "Consolas", "Monaco", monospace;
  font-weight: normal; }

body, html, p, code {
  color: #888; }

h1, h2, h3, h4, h5, h6 {
  color: #444; }

pre {
  overflow: scroll;
  background: #EEE;
  padding: 10px; }

.content {
  width: 980px;
  margin: 80px auto; }

.formats .format {
  display: inline-block; }

.zip {
  background: url("../images/zip.png");
  display: block;
  width: 128px;
  height: 128px; }

.tar {
  background: url("../images/tar.png");
  display: block;
  width: 128px;
  height: 128px; }

.fork {
  position: absolute;
  top: 0;
  left: 0;
  border: 0; }

pre .support.tag {
  color: #008; }
pre .support.attribute {
  color: #800; }
pre .string.value {
  color: #080; }

.examples {
  max-width: 68em;
  margin-left: auto;
  margin-right: auto; }
  .examples:after {
    content: "";
    display: table;
    clear: both; }
  .examples .example {
    float: left;
    display: block;
    margin-right: 3.57866%;
    width: 22.316%; }
    .examples .example:last-child {
      margin-right: 0; }
    .examples .example img {
      width: 100%; }

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