/*
## Reset & Normalize

Heavily borrowed from [normalize.css](http://necolas.github.io/normalize.css/) by Nicolas Gallagher, [HTML5 Boilerplate](http://html5boilerplate.com/) by Paul Irish et al, [OOCSS](https://github.com/stubbornella/oocss) by Nicole Sullivan, .  Comments per [Styledocco](http://jacobrask.github.io/styledocco/).

- Set all elements to `box-sizing: border-box`
- Correct `[hidden]` style not present in IE 8/9


*/
/* line 16, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_reset.scss */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* line 18, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_reset.scss */
[hidden] {
  display: none; }

/*
### HTML

- Always force a scrollbar in non-IE
- Prevent iOS text size adjust after orientation change, without disabling  user zoom.
- Set `overflow-x: hidden` on `html` and `body`
- Prevent system color scheme from being used in FF, IE, & Opera.
- Instead, format `html` styles (from mixin in config)
- Optionally set default font family


*/
/* line 35, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_reset.scss */
html, body {
  overflow-x: hidden; }

/* line 37, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_reset.scss */
html {
  background-color: #222222;
  color: #cccccc;
  font-family: "Inconsolata", monospace;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  overflow-y: scroll; }

/*
### Body

- Formats `body` styles (from mixin in config)
- Remove default margin from `body`


*/
/* line 53, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_reset.scss */
body {
  font-size: 1rem;
  line-height: 1.5625;
  vertical-align: baseline;
  margin: 0; }

/*
### Block Elements

- Correct `display:block` not being set on HTML5 elements in IE8/9
- Make `address` a block level element, remove italic style
- Reset margin on `p`, `figure`, and `blockquote`
- Sets `h1` through `h6` `font-weight` and `font-size` to `inherit`
- Wrap preformatted text (CSS3) or closest equivalent (prior versions)
- [Redeclare monospace](http://en.wikipedia.org/wiki/User:Davidgothberg/Test59) for `pre` and `code`


*/
/* line 88, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_reset.scss */
address {
  font-style: inherit; }

/* line 99, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_reset.scss */
h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit; }

/* line 105, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_reset.scss */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-x: auto; }

/* line 113, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_reset.scss */
pre,
code {
  font-family: monospace, monospace; }

/*
### Inline Elements

- Remove italic style from `dfn`
- Remove border from `abbr`
- Add help cursor to `abbr` and `dfn`
- Normalize `strong`, `b`, `em`, and `i`
- [Position subscript and superscript content without affecting line-height](http://gist.github.com/413930) / [baselinecss](http://baselinecss.com/)
- Normalize quotes on `q` and `blockquote` (show none by default)
- Add [Selection styles, must be separate](http://quirksmode.org/css/selection.php) for `::selection` pseudo-element (from mixin in config)
- Set `small` within `footer` to `display:block`


*/
/* line 135, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_reset.scss */
dfn {
  font-style: inherit; }

/* line 139, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_reset.scss */
abbr {
  border: 0; }

/* line 144, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_reset.scss */
abbr[title],
dfn[title] {
  cursor: help; }

/* line 149, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_reset.scss */
strong,
b {
  font-weight: 700; }

/* line 154, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_reset.scss */
em,
i {
  font-style: italic; }

/* line 159, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_reset.scss */
sub,
sup {
  position: relative;
  vertical-align: baseline; }

/* line 165, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_reset.scss */
sub {
  bottom: -0.25em; }

/* line 166, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_reset.scss */
sup {
  top: -0.5em; }

/* line 171, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_reset.scss */
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: ""; }

/* line 175, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_reset.scss */
mark {
  color: inherit;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAAA1BMVEXfylEM1hFxAAAAAXRSTlN/gFy0ywAAAAxJREFUeJxjYmCCQgAARgALnYW8OgAAAABJRU5ErkJggg==');
  background: rgba(223, 202, 81, 0.5); }

/* line 176, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_reset.scss */
::selection {
  color: inherit;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAAA1BMVEXfylEM1hFxAAAAAXRSTlN/gFy0ywAAAAxJREFUeJxjYmCCQgAARgALnYW8OgAAAABJRU5ErkJggg==');
  background: rgba(223, 202, 81, 0.5); }

/* line 177, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_reset.scss */
::-moz-selection {
  color: inherit;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAAA1BMVEXfylEM1hFxAAAAAXRSTlN/gFy0ywAAAAxJREFUeJxjYmCCQgAARgALnYW8OgAAAABJRU5ErkJggg==');
  background: rgba(223, 202, 81, 0.5); }

/* line 178, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_reset.scss */
::-webkit-selection {
  color: inherit;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAAA1BMVEXfylEM1hFxAAAAAXRSTlN/gFy0ywAAAAxJREFUeJxjYmCCQgAARgALnYW8OgAAAABJRU5ErkJggg==');
  background: rgba(223, 202, 81, 0.5); }

/*
#### Links

- Formats link (`a`) styles (from mixin in config)
- [Make outline thin dotted](http://necolas.github.com/normalize.css)
- [Accessible focus treatment](http://people.opera.com/patrickl/experiments/keyboard/test)


     <a href="#test">Test Link</a>

*/
/* line 196, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_reset.scss */
a {
  color: #fafac6;
  text-decoration: none;
  border-bottom: 1px dotted rgba(250, 250, 198, 0.5); }
  /* line 235, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/_vars.scss */
  a:visited {
    color: #f6f697; }
  /* line 238, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/_vars.scss */
  a:focus, a:active, a:hover {
    color: #fefef5; }
  /* line 198, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_reset.scss */
  a:focus {
    outline: thin dotted; }
  /* line 200, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_reset.scss */
  a:active, a:hover {
    outline: 0; }

/*
### Reset Placeholders

Placeholder "classes" for a style resets.  For use with `@extend`.

- `%reset-block` sets `display: block`
- `%reset-margin` sets `margin: 0`
- `%reset-padding` sets `padding: 0`
- `%reset-border` sets `border: 0`
- `%reset-lineheight` sets `line-height: 0`
- `%reset-list` sets `list-style: none`
- `%h1` formats richtext `h1` styles (from mixin in config)
- `%h2` formats richtext `h2` styles (from mixin in config)
- `%h3` formats richtext `h3` styles (from mixin in config)
- `%h4` formats richtext `h4` styles (from mixin in config)
- `%h5` formats richtext `h5` styles (from mixin in config)
- `%h6` formats richtext `h6` styles (from mixin in config)
- `%big` formats richtext `big` styles (from mixin in config)
- `%small` formats richtext `small` styles (from mixin in config)
- `%hr` formats richtext `hr` styles (from mixin in config)


*/
/* line 230, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_reset.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary, address, footer small, legend > *, label, ol,
ul, dl, dt, dd {
  display: block; }

/* line 231, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_reset.scss */
p,
figure,
blockquote, h1, h2, h3, h4, h5, h6, fieldset, button,
input,
select,
textarea, ol,
ul {
  margin: 0; }

/* line 232, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_reset.scss */
fieldset, legend, input[type="checkbox"],
input[type="radio"], ol,
ul {
  padding: 0; }

/* line 233, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_reset.scss */
fieldset, legend {
  border: 0; }

/* line 234, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_reset.scss */
sub,
sup {
  line-height: 0; }

/* line 235, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_reset.scss */
ol,
ul {
  list-style: none; }

/* line 245, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_reset.scss */
sub,
sup, fieldset small {
  opacity: 0.8;
  font-size: 80%; }

/* line 246, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_reset.scss */
hr {
  border: 0;
  height: 0;
  overflow: hidden; }

/*
## Animation

Heavily borrowed from [Dan Eden](https://github.com/daneden/animate.css/blob/master/animate.css) pure CSS animations.

*/
/* line 14, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_animation.scss */
.site-menu, .snippet-detail--src, .snippet-detail--shots, .snippet-detail--demo {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both; }

/*
### Animation: Fade In
*/
@-webkit-keyframes fadein {
  /* line 12, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/components/_animation-fadein.scss */
  0% {
    opacity: 0; }

  /* line 13, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/components/_animation-fadein.scss */
  100% {
    opacity: 1; } }

@-moz-keyframes fadein {
  /* line 17, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/components/_animation-fadein.scss */
  0% {
    opacity: 0; }

  /* line 18, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/components/_animation-fadein.scss */
  100% {
    opacity: 1; } }

@-o-keyframes fadein {
  /* line 22, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/components/_animation-fadein.scss */
  0% {
    opacity: 0; }

  /* line 23, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/components/_animation-fadein.scss */
  100% {
    opacity: 1; } }

@keyframes fadein {
  /* line 27, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/components/_animation-fadein.scss */
  0% {
    opacity: 0; }

  /* line 28, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/components/_animation-fadein.scss */
  100% {
    opacity: 1; } }

/*
### Animation: Fade Out
*/
@-webkit-keyframes fadeout {
  /* line 12, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/components/_animation-fadeout.scss */
  0% {
    opacity: 1; }

  /* line 13, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/components/_animation-fadeout.scss */
  100% {
    opacity: 0; } }

@-moz-keyframes fadeout {
  /* line 17, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/components/_animation-fadeout.scss */
  0% {
    opacity: 1; }

  /* line 18, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/components/_animation-fadeout.scss */
  100% {
    opacity: 0; } }

@-o-keyframes fadeout {
  /* line 22, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/components/_animation-fadeout.scss */
  0% {
    opacity: 1; }

  /* line 23, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/components/_animation-fadeout.scss */
  100% {
    opacity: 0; } }

@keyframes fadeout {
  /* line 27, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/components/_animation-fadeout.scss */
  0% {
    opacity: 1; }

  /* line 28, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/components/_animation-fadeout.scss */
  100% {
    opacity: 0; } }

/*
## Utilities

Non-semantic (or visually semantic) placeholders and classes.  Heavily borrowed from [HTML5 Boilerplate](http://html5boilerplate.com/) by Paul Irish et al.

*/
/*
### Hidden

Makes an element invisible with `display` property.  Available as a placeholder or a class.

- `%hidden`
- mixin `hidden`
- class `.hidden`


     <div class="hidden">Hidden</div>

*/
/* line 44, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_utilities.scss */
.hidden {
  display: none; }

/*
### Accessible

Makes an element invisible, but accessible, with `position: absolute` and `clip` properties.  Available as a placeholder or a class.  Technique per [WebAIM](http://webaim.org/techniques/css/invisiblecontent/).

- `%accessible`
- mixin `accessible`
- class `.accessible`


     <div class="accessible">Accessible</div>

*/
/* line 71, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_utilities.scss */
.accessible {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px); }
  /* line 66, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_utilities.scss */
  .accessible:focus {
    position: static;
    clip: auto; }

/*
### Invisible

Makes an element invisible with `visibility` property.  Available as a placeholder or a class.

- `%invisible`
- mixin `invisible`
- class `.invisible`


     <div class="invisible">Invisible</div>

*/
/* line 91, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_utilities.scss */
.invisible {
  visibility: hidden; }

/*
### Visible

Makes an element visible with `visibility` property.  Available as a placeholder or a class.

- `%visible`
- mixin `visible`
- class `.visible`


     <div class="visible">Visible</div>

*/
/* line 114, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_utilities.scss */
.visible {
  display: block;
  visibility: visible; }

/*
### Full Width Layouts

Set a container to appear full width with content centered from [CSS Tricks](http://css-tricks.com/full-browser-width-bars/#comment-94090) use `fullwidth`.  For use with `@extend`.

- `%fullwidth`


*/
/*
### Alignment

Align all (float/margin/text-align) to center, left, or right.  For use with `@extend`.

- `%align-center`
- `%align-left`
- `%align-right`


*/
/* line 17, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/components/_utilities-alignment.scss */
fieldset small {
  display: block;
  margin-left: auto;
  margin-right: auto; }

/* line 23, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/components/_utilities-alignment.scss */
fieldset small {
  text-align: center; }

/*
### Clearing

There are two re-usable clearing methods.

*/
/*
#### Clearfix

Standard clearfix, updated by [Nicolas Gallagher](http://nicolasgallagher.com/micro-clearfix-hack/), Sass implementation from [Forrst.com](http://forrst.com/posts/CSS_vs_SASS_vs_LessCSS-DPV).  For use with `@extend`

- `%clearfix`


     <div class="clearfix">Clearfix</div>

*/
/* line 26, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/components/_utilities-clearfix.scss */
.site:before, .project-detail--body:before, .site:after, .project-detail--body:after {
  content: "";
  display: table;
  clear: both; }

/*
#### Clearinner Overflow

Easy clearing with `overflow: hidden` property.  For use with `@extend`

- `%clearinner`


     <div class="clearinner">clearinner</div>

*/
/*
### Floating Layouts

Shortcuts for no-frills floating.  Use the placeholders `float-row` and `float-unit`.  For use with `@extend`

- `%float-row`
- `%float-unit`


     <div class="float-row">
          <div class="float-unit">Floating unit</div>
          <div class="float-unit">Floating unit</div>
          <div class="float-unit">Floating unit</div>
     <div>

*/
/* line 24, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/components/_utilities-floatlayout.scss */
.site-body, .project-detail--desc, .project-detail--shots {
  float: left; }

/*
### Grid

Fluid grid for component & content layout heavily borrowed from [OOCSS Grids](https://github.com/stubbornella/oocss/wiki/Grids) by Nicole Sullivan.  For use with `@extend`.

- `%grid-row`
- `%grid-unit`


     <div class="grid-row">
          <div class="grid-unit">Grid unit</div>
          <div class="grid-unit">Grid unit</div>
          <div class="grid-unit">Grid unit</div>
     <div>

*/
/*
#### Grid: First and Last

Placeholder "classes" to specify the first and last grid unit in a row.  Not required, but may be necessary in some use cases.  For use with `@extend`.

- `%grid-first`
- `%grid-last`
- `%grid-right`


*/
/* line 39, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/components/_utilities-gridlayout.scss */
.site-foot {
  padding-left: 0;
  clear: left; }

/* line 55, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/components/_utilities-gridlayout.scss */
.site-body, .project-detail--shots {
  float: right !important; }

/*
### Inline-Block Layouts

Shortcuts for inline block layouts.  Use the placeholders `inline-row` and `inline-unit`.   For use with `@extend`.

- `%inline-row`
- `%inline-unit`
- To suppress whitespace between units, use `%inline-row-nospace`. Technique from [YUI](http://yuilibrary.com/yui/docs/cssgrids/).
- To keep content inside of units by wrapping use `%inline-unit-nowrap`.


     <!-- Regular Inline Row -->
     <div class="inline-row">
          <div class="inline-unit">Inline block unit</div>
          <div class="inline-unit">Inline block unit</div>
          <div class="inline-unit">Inline block unit</div>
     <div>

     <!-- Inline Row with no whitepsace -->
     <div class="inline-row-nospace">
          <div class="inline-unit">Inline block unit</div>
          <div class="inline-unit">Inline block unit</div>
          <div class="inline-unit">Inline block unit</div>
     <div>

By default, an `inline-row` won't allow the `inline-unit`s to wrap, but the content inside each `inline-unit` can.

*/
/* line 40, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/components/_utilities-inlineblocklayout.scss */
audio,
canvas,
video, .token, .site-title,
.site-subtitle, .project-menu--toggle {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  white-space: normal; }

/*
### Pseudo-Element Layers

Multiple borders and backgrounds with pseudo elements per [Nicolas Gallagher](http://nicolasgallagher.com/multiple-backgrounds-and-borders-with-css2/).  For use with `@extend`.

- `%pseudolayer`
- Mixin `pseudolayer`


*/
/* line 59, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/components/_utilities-pseudolayer.scss */
html:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  -webkit-transform: translate3d(0);
  -moz-transform: translate3d(0);
  -ms-transform: translate3d(0);
  -o-transform: translate3d(0);
  transform: translate3d(0); }

/*
## Spacing

Placeholders for spacing on the grid.  Measurements correspond to baseline grid and gutter size.  For use with `@extend`.

*/
/*
### Spacing: Padding

Add space to a box with padding.  Measurements correspond to baseline grid, so the sizes available are:

- **(none)**: default, padding line-height minus font-size.  ex `%space-in-top`
- **half**: half of the above.  ex `%space-in-half-vertical`
- **3q**: default padding plus half of default padding.  ex `%space-3q-top`
- **x2**: double default padding.  ex `%space-in-x2-top`
- **font**: font-size.  ex `%space-in-font-horizontal`
- **lead**: line-height.  ex `%space-in-lead-bottom`
- **leadhalf**: half of line height. ex `%space-in-leadhalf-top`
- **leadx2**: twice the above.  ex `%space-in-leadx2-bottom`
- **gutter**: 20px or line-height.  ex `%space-in-gutter-left`
- **gutterhalf**: 10px or half of line-height. ex `%space-in-gutterhalf-horizontal`
- **gutterx2**: twice the above.  ex `%space-in-gutterx2-right`


Placeholder names are `%space-in-{unit}-{position}`.  For use with `@extend`.

     <div class="space-in-all">Space in all</div>


*/
/* line 64, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/components/_utilities-spacing.scss */
.site-menu, .site-body {
  padding-top: 1rem; }

/* line 65, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/components/_utilities-spacing.scss */
.site-menu, .site-body {
  padding-bottom: 1rem; }

/* line 74, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/components/_utilities-spacing.scss */
.snippet-menu--item {
  padding-left: 0.5625rem; }

/* line 80, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/components/_utilities-spacing.scss */
.site-head {
  padding-top: 0.78125rem; }

/* line 81, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/components/_utilities-spacing.scss */
.site-head {
  padding-bottom: 0.78125rem; }

/* line 98, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/components/_utilities-spacing.scss */
.site-head, .site-menu, .site-body, .snippet-menu--list, .project-detail--shots {
  padding-left: 1.5625rem; }

/* line 99, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/components/_utilities-spacing.scss */
.site-head, .site-menu, .site-body {
  padding-right: 1.5625rem; }

/* line 127, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/components/_utilities-spacing.scss */
.site-menu-btn, .project-menu--toggle {
  padding: 0; }

/*
### Spacing: Margins

Add space to a box with margins.  Measurements correspond to baseline grid, so the sizes available are:

- **(none)**: default, margin line-height minus font-size.  ex `%space-out-top`
- **half**: half of the above.  ex `%space-out-half-vertical`
- **3q**: default margin plus half of default margin.  ex `%space-3q-top`
- **x2**: double default margin.  ex `%space-out-x2-top`
- **font**: font-size.  ex `%space-out-font-horizontal`
- **lead**: line-height.  ex `%space-out-lead-bottom`
- **leadhalf**: half of line height. ex `%space-out-leadhalf-top`
- **leadx2**: twice the above.  ex `%space-out-leadx2-bottom`
- **gutter**: 20px or line-height.  ex `%space-out-gutter-left`
- **gutterhalf**: 10px or half of line-height. ex `%space-out-gutterhalf-horizontal`
- **gutterx2**: twice the above.  ex `%space-out-gutterx2-right`


Placeholder names are `%space-out-{unit}-{position}`.  For use with `@extend`.

     <div class="space-out-all">Space out all</div>


*/
/* line 158, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/components/_utilities-spacing.scss */
.project-detail--img, .snippet-detail--img {
  margin-bottom: 0.28125rem; }

/* line 160, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/components/_utilities-spacing.scss */
.project-menu--toggle, .project-detail--img, .snippet-detail--img {
  margin-right: 0.28125rem; }

/* line 198, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/components/_utilities-spacing.scss */
.project-detail--head {
  margin-bottom: 0.78125rem; }

/* line 214, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/components/_utilities-spacing.scss */
.project-detail--desc {
  margin-bottom: 1.5625rem; }

/*
### Spacing: Expand

These placeholder "classes" use negative margins to pull a box left and right.  For use with `@extend`.

- `%expand-gutter`
- `%expand-gutterhalf`
- `%expand-font`
- `%expand-padding`
- `%expand-padhalf`


     <div class="expand-gutter">Expand gutter</div>


*/
/*
### Spacing: Faux Gutters

The placeholder "classes" (use a matching negative margin and padding value to create gutters while maintaining the current position of the content.  For use with `@extend`.

- `%faux-gutter`
- `%faux-font`
- `%faux-padding`


     <div class="faux-gutter">Faux gutter</div>


*/
/*
### Widths

These width placeholders can be added to grid units, inline units, and other items to dictate the amount of horizontal space each should occupy.  For use with `@extend`.

*/
/*
#### Widths: Fluid

- `%width-{x}of{y}`
- mixin `width`


*/
/* line 49, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/components/_utilities-width.scss */
.snippet-detail--src, .snippet-detail--demo {
  width: 100%; }

/* line 17, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/components/_utilities-width.scss */
.project-detail--desc, .project-detail--shots, .snippet-detail--btn {
  width: 50%; }

/* line 17, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/components/_utilities-width.scss */
.site-menu {
  width: 20%; }

/* line 17, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/components/_utilities-width.scss */
.site-body {
  width: 80%; }

/*
## Forms

Heavily borrowed from [normalize.css](http://necolas.github.io/normalize.css/) by Nicolas Gallagher.
*/
/*
### Form & Fieldset
*/
/*
### Legend & Label

- Reset `padding` and `border` on legend
- Normalize text wrapping on `legend`
- Fix IE 7 pixel bug on `legend`
- Set `label` to `display:block`


*/
/* line 37, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_forms.scss */
legend {
  white-space: normal;
  word-wrap: break-word; }

/*
### Form Fields

- Correct `font-family` not being inherited in all browsers
- Correct `font-size` not being inherited in all browsers
- Correct FF4+ setting `line-height` on `input` using `!important` in UA stylesheet
- Correct `text-transform` inheritance for `button` and `select`
- Reset excess padding on `radio` in IE 8/9
- Correct inability to style clickable `input` types in iOS
- Avoid bug in WebKit Android 4* where above interferes with native `audio` controls
- Improve usability and consistency of `cursor` style and `outline`
- [Make buttons play nice in IE](http://viget.com/inspire/styling-the-button-element-in-internet-explorer)
- Normalize button `appearance` in Safari 5 and Chrome
- Remove inner padding and search cancel icon in Safari 5 and Chrome
- Remove inner `padding` and `border` on FF 4+
- Remove vertical scrollbar from `textarea` in IE 8/9
- Limit `textarea` resize to vertical


*/
/* line 74, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_forms.scss */
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  min-width: auto;
  max-width: 100%; }

/* line 83, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_forms.scss */
button,
input {
  line-height: normal; }

/* line 88, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_forms.scss */
button,
select {
  text-transform: none; }

/* line 104, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_forms.scss */
input[type="text"],
input[type="number"],
input[type="search"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"] {
  min-height: 1.5625em; }

/* line 123, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_forms.scss */
input[type="search"] {
  -webkit-appearance: textfield; }

/* line 128, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_forms.scss */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/* line 132, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_forms.scss */
select {
  min-height: 1.5625em; }

/* line 137, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_forms.scss */
textarea {
  overflow-y: auto;
  resize: vertical; }

/* line 144, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_forms.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0; }

/* line 153, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_forms.scss */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  min-width: 1.5625em;
  min-height: 1.5625em;
  cursor: pointer;
  -webkit-appearance: button; }
  /* line 163, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_forms.scss */
  button:focus,
  html input[type="button"]:focus,
  input[type="reset"]:focus,
  input[type="submit"]:focus {
    outline: thin dotted; }
  /* line 164, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_forms.scss */
  button:active, button:hover,
  html input[type="button"]:active,
  html input[type="button"]:hover,
  input[type="reset"]:active,
  input[type="reset"]:hover,
  input[type="submit"]:active,
  input[type="submit"]:hover {
    outline: none; }

/*
### Form Miscellany

Including placeholders, valid, and invalid styles.

- `::placeholder` selectors can't be combined or they won't work

*/
/* line 183, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_forms.scss */
::-webkit-input-placeholder {
  color: #cccccc;
  font-style: normal; }

/* line 184, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_forms.scss */
::-moz-placeholder {
  color: #cccccc;
  font-style: normal; }

/* line 185, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_forms.scss */
::placeholder {
  color: #cccccc;
  font-style: normal; }

/*
### Field Placeholders

Formatting placeholder "classes" for field styles.  For use with `@extend` on input wrappers.

- `%field`
- `%input`
- `%select`
- `%textarea`
- `%choice`
- `%checkbox`
- `%radio`


*/
/*
## Lists

Resets, normalizations, & default styles for lists

*/
/* line 19, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_lists.scss */
li {
  display: list-item; }

/*
### Delimited List

Formatting placeholder "classes" for a horizontal single-line list with delimiters.  For use with `@extend`.

- `%list-delim`
- `%list-delim-item`


     <ul class="list-delim">
          <li class="list-delim-item">Delimited item</li>
          <li class="list-delim-item">Delimited item</li>
     </ul>

*/
/*
### Key-Value List

Formatting placeholder "classes" for a vertical list of key-value pairs.  For use with `@extend`.

- `%list-keyval`
- `%list-keyval-item`
- `%list-keyval-key`
- `%list-keyval-val`


     <dl class="list-keyval">
          <dt class="list-keyval-key">Test list item one</dt>
          <dd class="list-keyval-val">Test list item number two</dd>
     </dl>

*/
/*
### Unstyled List

Formatting placeholder "class" for an unstyled list.  For use with `@extend`.

- `%list-unstyled`


     <ul class="rtf list-unstyled">
          <li>Test list item one</li>
          <li>Test list item number two</li>
          <li>And finally test list item number three</li>
     </ul>

*/
/*
## Multimedia

Resets & normalizations for multimedia (images, video, etc)

- Set `max-width` on images and objects to prevent overflow
- Removes border when inside `a` element in IE 6/7/8/9
- Correct `display: inline-block` not defined for `audio` in IE 8/9
- Prevent modern browsers from displaying `audio` without controls, remove excess height in iOS 5 devices
- Correct SVG `overflow` displayed oddly in IE 9


     <img src="test-house.jpg" />

*/
/* line 21, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_multimedia.scss */
img, object, video {
  max-width: 100%;
  width: auto;
  height: auto; }

/* line 27, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_multimedia.scss */
img {
  vertical-align: middle;
  font-size: 0;
  -ms-interpolation-mode: bicubic; }

/* line 33, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_multimedia.scss */
a img {
  border: 0; }

/* line 43, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_multimedia.scss */
audio:not([controls]) {
  display: none;
  height: 0; }

/* line 50, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/_multimedia.scss */
svg:not(:root) {
  overflow: hidden; }

/*
## Multimedia Structure Options

Structure for laying out media items with fixes for placement in fluid grids.  The following rules apply:

- Do not add margins, padding, or borders to `media`.
- Set margins, padding, and borders on `media-frame`.
- Set widths on `media`, not its descendants.
- Set heights on `media-frame` for cropping.


Media will scale and crop the width and height so that images don't break layout.

For use with `@extend`.

- `%media`
- `%media-frame`
- `%media-item`


     <div class="media">
	       <a href="#" class="media-frame">
			      <img class="media-item" src="#" width="200" height="100" />
			 </a>
     </div>


*/
/*
### Media Card Layout

Formatting placeholder "classes" for media + content in a card/horizontal layout.  For use with `@extend`.

- `%media-card`
- `%media-card-frame`
- `%media-card-item`
- `%media-card-body`


Media card will automatically lay out an image, video, or icon next to a block of text.  If the multimedia does not have any risk of overflow, media card does not require widths.  If the multimedia needs to scale, it is only necessary to set a width on the media block.  Setting a width on the body is completely optional.

     <div class="media-card">
          <div class="media media-card-media">
               <div class="media-frame media-card-frame">
                    <img class="media-item media-card-item" src="test-house.jpg" width="100" height="50" />
               </div>
          </div>
          <div class="media-card-body">
               This is media card body.
          </div>
     </div>


*/
/*
### Media Pane Layout

Formatting placeholder "classes" for media + content in a pane/veritical layout.  For use with `@extend`.

- `%media-pane`
- `%media-pane-frame`
- `%media-pane-item`
- `%media-pane-body`


Media card will automatically lay out an image, video, or icon centered above a block of text.

     <div class="media-pane">
          <div class="media media-pane-media">
               <div class="media-frame media-pane-frame">
                    <img class="media-item media-card-item" src="test-house.jpg" width="100" height="50" />
               </div>
          </div>
          <div class="media-pane-body">
               This is media pane body.
          </div>
     </div>


*/
/*
## Rich Text Formatting

Content component for rich text blocks. Provides readable text formatting.  For use with `@extend`.

*/
/*
### Rich Text Formatting: Resets

Set overflow to help prevent WYSIWYG HTML from breaking layout.

*/
/*
### Rich Text Formatting: Headings

Format headings `h1` through `h6` according to heading styles.

     <div class="rtf">
          <h1>Heading 1</h1>
          <h2>Heading 2</h2>
          <h3>Heading 3</h3>
          <h4>Heading 4</h4>
          <h5>Heading 5</h5>
          <h6>Heading 6</h6>
     </div>

*/
/*
### Rich Text Formatting: Vertical Spacing

Add bottom margins to block-level elements such as tables and paragraphs.

*/
/*
### Rich Text Formatting: Horizontal Spacing

Set maximum width of ideal line length for blocks of text such as headings, lists, and blockquotes.  Try to enforce color.

*/
/*
### Rich Text Formatting: Paragraph

Paragraphs will have a bottom margin, maximum line width, and can optionally indent successive paragraphs.  Add the class `cols` for CSS3 columns.

     <div class="rtf">
          <p class="cols">The quick brown fox jumped over the lazy dog.  The quick brown fox jumped over the lazy dog.  The quick brown fox jumped over the lazy dog.  The quick brown fox jumped over the lazy dog.  The quick brown fox jumped over the lazy dog.  The quick brown fox jumped over the lazy dog.  The quick brown fox jumped over the lazy dog.</p>
          <p>The quick brown fox jumped over the lazy dog.  The quick brown fox jumped over the lazy dog.</p>
     </div>

*/
/*
### Rich Text Formatting: Lists

Add bullets back to lists and set left padding.

     <ol class="rtf">
          <li>List item</li>
          <li>
               <ul>
                    <li>List item</li>
                    <li>List item</li>
               </ul>
          </li>
          <li>List item</li>
     </ol>

*/
/*
### Rich Text Formatting: Data lists

Add styles to data/definition lists.

     <div class="rtf">
          <dl>
               <dt>Key</dt>
               <dd>Value</dd>
          </dl>
     </div>

*/
/*
### Rich Text Formatting: Quotes & Blockquotes

- Format `blockquote` with margins and decorative quotation marks.
- Format quotes (`q`) with quotation marks


     <div class="rtf">
          <blockquote>The quick brown fox jumped over the lazy dog.  The quick brown fox jumped over the lazy dog.  The quick brown fox jumped over the lazy dog.  The quick brown fox jumped over the lazy dog.  The quick brown fox jumped over the lazy dog.  The quick brown fox jumped over the lazy dog.  The quick brown fox jumped over the lazy dog.  </blockquote>
     </div>

	   <q>Inline quote</q>

*/
/*
### Rich Text Formatting: Multimedia

- Format multimedia next to text by aligning it to the top of text.


*/
/*
### Rich Text Formatting: Links

These are presumed to be plain text links.

- Underline link with dotted border
- Optionally add icons next to links to type/destination.


     <a href="#test">Test Link</a>

*/
/*
### Rich Text Formatting: Inline Elements

- Format `small` font
- Format `big` font
- Add border to `dfn` and `abbr`
- Add highlight and space to `mark`


     <div class="rtf">
          The quick <dfn title="Tooltip">brown</dfn> fox jumped over the lazy dog.
     </div>

*/
/*
### Rich Text Formatting: Code and Pre

Optionally add line and space around code and preformatted text.

     <div class="rtf">
          <pre>The quick brown fox jumped over the lazy dog.</pre>
     </div>

*/
/*
### Rich Text Formatting: Ellipsis
*/
/*
## UI

User interface components.

*/
/*
### Autocomplete

Provides structural defaults for an autocomplete widget.  For use with `@extend`.

- `%autocomplete`
- `%autocomplete-list`
- `%autocomplete-item`
- `%autocomplete-suggestion`
- `%autocomplete-link`
- `%autocomplete-count`
- `%autocomplete-error`


*/
/*
### Buttons

Provides structural defaults for buttons.  For use with `@extend`.

- `%button`
- `%button-fullwidth`


     <button class="button">Example Button</button>

*/
/*
### Dropdown

Provides structural defaults for a dropdown widget, forked from [Twitter Bootstrap Dropdown](http://twitter.github.com/bootstrap/javascript.html#dropdowns).  For use with `@extend`.

- `%dropdown`
- `%dropdown-toggle`
- `%dropdown-menu`
- `%drop-up`
- `%dropdown-right`


     <div class="dropdown">
          <a class="dropdown-toggle" data-toggle="dropdown" href="#">Dropdown toggle</a>
          <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
               <li>...</li>
          </ul>
     </div>

     <div class="dropdown open">
          <a class="dropdown-toggle" data-toggle="dropdown" href="#">Dropdown toggle</a>
          <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
               <li>...</li>
          </ul>
     </div>
*/
/* line 46, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/components/_ui-dropdown.scss */
.open {
  z-index: 997; }

/*
### Icons

Use the `%icon` to to make icons inline-block items with centered vertical alignment.  For use with `@extend`

- `%icon`
- `%icon-text`
- Generated placeholders for each icon


     <span class="icon icon-logo">Icon</span>

The icon sprite and stylesheet are generated by Compass.  To find and use the icon you need, note the file name of the specific icon.  Then remove the file extension from the file name and prepend `icon-`.  So the file `star-red.png` corresponds to`icon-star-red`.

*/
/*
### Menus

Provides structural defaults for tabs.  For use with `@extend`.

- `%menu`
- `%menu-list`
- `%menu-item`
- `%menu-link`

*/
/*
#### Horizontal Menus

Provides structural defaults for tabs.  For use with `@extend`.
*/
/*
#### Vertical Menus

Provides structural defaults for tabs.  For use with `@extend`.
*/
/*
### Messages

Provides structural defaults for messages.  For use with `@extend`.

- `%message`


     <div class="message">Message</div>

*/
/*
### Modals (& Dialogs)

Provides formatting and structural defaults for modals.  For use with `@extend`.

- `%modal`
- `%modal-screen`
- `%modal-close`
- `%modal-head`
- `%modal-body`
- `%modal-foot`


     <article class="modal" style="display:block;">
          <header class="modal-head">
               <h1 class="modal-title">Title</h1>
               <a href="#" class="modal-close">close</a>
          </header>
          <div class="modal-body">
               Test body content for dialogs and modals.
          </div>
          <footer class="modal-foot">
               <a href="#" class="btn btn-skin btn-1">Test Button</a> in modal foot
          </footer>
     </article>
     <div class="modal-screen"></div>
*/
/*
### Pagination

Provides formatting and structural defaults for pagination.  For use with `@extend`.

- `%pages`
- `%pages-list`
- `%pages-item`
- `%pages-link`
- `%pages-prev`
- `%pages-next`


     <ol class="pages-list">
          <li class="pages-item">
               <a href="#" class="pages-link">1</a>
          </li>
          <li class="pages-item">
               <a href="#" class="pages-link">2</a>
          </li>
          <li class="pages-item">
               <a href="#" class="pages-link">3</a>
          </li>
     </ol>
*/
/*
## States

States are a type of interaction cue.  They visually indicate the state of a UI element or message.

*/
/*
### Success or Valid

Use the placeholder `success` for success messages or `valid` form fields.  Can be used to indicate that an action attached to a UI element has successfully been completed or that data entered has been saved, etc.  For use with `@extend`.

- `%success`
- `%success-text`


     <span class="success">Success text</span>

*/
/*
### Normal or Info

Use the placeholder `info` for normal/informative messages that have no particular priority, form fields, etc.  For use with `@extend`.

- `%info`
- `%info-text`


     <span class="info">Normal / info text</span>

*/
/*
### Alert or Highlight

Use the placeholder `alert` for messages with warning level priority. Can also be used to indicate a UI element is highlighted, for example, the current date in a datepicker.  For use with `@extend`.

- `%alert`
- `%alert-text`


     <span class="alert">Alert / highlight text</span>

*/
/*
### Warning

Use the placeholder `warning` for messages with warning level priority.

- `%warning`
- `%warning-text`


     <span class="warning">Warning text</span>

*/
/*
### Error, Invalid, or Important

Use the placeholder `error` for messages with error level priority or `invalid` for form fields with errors.  For use with `@extend`.

- `%error`
- `%error-text`


     <span class="error">Error text</span>

*/
/*
### Inverse

Use the placeholder `inverse` for normal/informative messages that have no particular priority, but should use an inverted color scheme.  For use with `@extend`.

- `%inverse`
- `%inverse-text`


     <span class="inverse">Inverse text</span>

*/
/*
### Disabled

Use the placeholder `disabled` for ui elements that are not currently interactive.  For use with `@extend`.

- `%disabled`


     <span class="disabled">Disabled</span>

*/
/*
### Tabs

Provides structural defaults for tabs.  For use with `@extend`.

- `%tabs`
- `%tabs-list`
- `%tabs-content`

*/
/*
### Tooltips

Provides structural defaults for tooltips.

*/
/* line 2, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_prism.scss */
pre[class*="language-"],
code[class*="language-"] {
  color: #cccccc;
  white-space: pre;
  word-wrap: normal; }

/* line 14, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_prism.scss */
.token.atrule,
.token.attr-name,
.token.keyword,
.token.boolean,
.token.regex {
  color: #d40015; }

/* line 19, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_prism.scss */
.token.tag,
.token.selector {
  color: #FFF; }

/* line 23, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_prism.scss */
.token.tag .token.tag,
.token.selector {
  text-shadow: 0 0 3px #cccccc, 0 0 1px black, 1px 1px 0 black, -1px -1px 0 black; }

/* line 24, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_prism.scss */
.token.tag .token {
  text-shadow: none; }

/* line 26, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_prism.scss */
.token.punctuation {
  color: #98a89e; }

/* line 32, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_prism.scss */
.token.doctype,
.token.prolog,
.token.cdata {
  color: #999999; }

/* line 37, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_prism.scss */
.token.property,
.token.operator {
  color: #ff4411; }

/* line 45, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_prism.scss */
.token.number,
.token.string,
.token.attr-value,
.token.url,
.token.entity {
  color: #fafac6; }

/* line 49, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_prism.scss */
.token.url {
  font-style: italic; }

/* line 54, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_prism.scss */
.token.number,
.token.important {
  font-weight: bold; }

/* line 58, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_prism.scss */
.token.entity {
  cursor: help; }

/* line 62, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_prism.scss */
.token.comment {
  display: block; }

@-webkit-keyframes flipInY {
  /* line 2, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-flipiny.scss */
  0% {
    -webkit-transform: perspective(500px) rotateY(90deg);
    opacity: 0; }

  /* line 7, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-flipiny.scss */
  40% {
    -webkit-transform: perspective(500px) rotateY(-4deg); }

  /* line 11, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-flipiny.scss */
  70% {
    -webkit-transform: perspective(500px) rotateY(4deg); }

  /* line 15, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-flipiny.scss */
  100% {
    -webkit-transform: perspective(500px) rotateY(0deg);
    opacity: 1; } }

@-moz-keyframes flipInY {
  /* line 21, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-flipiny.scss */
  0% {
    -moz-transform: perspective(500px) rotateY(90deg);
    opacity: 0; }

  /* line 26, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-flipiny.scss */
  40% {
    -moz-transform: perspective(500px) rotateY(-4deg); }

  /* line 30, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-flipiny.scss */
  70% {
    -moz-transform: perspective(500px) rotateY(4deg); }

  /* line 34, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-flipiny.scss */
  100% {
    -moz-transform: perspective(500px) rotateY(0deg);
    opacity: 1; } }

@-o-keyframes flipInY {
  /* line 40, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-flipiny.scss */
  0% {
    -o-transform: perspective(500px) rotateY(90deg);
    opacity: 0; }

  /* line 45, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-flipiny.scss */
  40% {
    -o-transform: perspective(500px) rotateY(-4deg); }

  /* line 49, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-flipiny.scss */
  70% {
    -o-transform: perspective(500px) rotateY(4deg); }

  /* line 53, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-flipiny.scss */
  100% {
    -o-transform: perspective(500px) rotateY(0deg);
    opacity: 1; } }

@keyframes flipInY {
  /* line 59, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-flipiny.scss */
  0% {
    transform: perspective(500px) rotateY(90deg);
    opacity: 0; }

  /* line 64, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-flipiny.scss */
  40% {
    transform: perspective(500px) rotateY(-4deg); }

  /* line 68, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-flipiny.scss */
  70% {
    transform: perspective(500px) rotateY(4deg); }

  /* line 72, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-flipiny.scss */
  100% {
    transform: perspective(500px) rotateY(0deg);
    opacity: 1; } }

/* line 78, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-flipiny.scss */
.flipInY {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipInY;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipInY;
  backface-visibility: visible !important;
  animation-name: flipInY; }

@-webkit-keyframes flipOutY {
  /* line 2, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-flipouty.scss */
  0% {
    -webkit-transform: perspective(500px) rotateY(0deg);
    opacity: 1; }

  /* line 6, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-flipouty.scss */
  100% {
    -webkit-transform: perspective(500px) rotateY(90deg);
    opacity: 0; } }

@-moz-keyframes flipOutY {
  /* line 12, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-flipouty.scss */
  0% {
    -moz-transform: perspective(500px) rotateY(0deg);
    opacity: 1; }

  /* line 16, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-flipouty.scss */
  100% {
    -moz-transform: perspective(500px) rotateY(90deg);
    opacity: 0; } }

@-o-keyframes flipOutY {
  /* line 22, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-flipouty.scss */
  0% {
    -o-transform: perspective(500px) rotateY(0deg);
    opacity: 1; }

  /* line 26, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-flipouty.scss */
  100% {
    -o-transform: perspective(500px) rotateY(90deg);
    opacity: 0; } }

@keyframes flipOutY {
  /* line 32, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-flipouty.scss */
  0% {
    transform: perspective(500px) rotateY(0deg);
    opacity: 1; }

  /* line 36, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-flipouty.scss */
  100% {
    transform: perspective(500px) rotateY(90deg);
    opacity: 0; } }

/* line 42, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-flipouty.scss */
.flipOutY {
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flipOutY;
  -o-backface-visibility: visible !important;
  -o-animation-name: flipOutY;
  backface-visibility: visible !important;
  animation-name: flipOutY; }

@-webkit-keyframes slideInLeft {
  /* line 2, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-slideinleft.scss */
  0% {
    -webkit-transform: translateX(-100%); }

  /* line 7, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-slideinleft.scss */
  100% {
    -webkit-transform: translateX(0); } }

@-moz-keyframes slideInLeft {
  /* line 13, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-slideinleft.scss */
  0% {
    -moz-transform: translateX(-100%); }

  /* line 18, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-slideinleft.scss */
  100% {
    -moz-transform: translateX(0); } }

@-o-keyframes slideInLeft {
  /* line 24, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-slideinleft.scss */
  0% {
    -o-transform: translateX(-100%); }

  /* line 29, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-slideinleft.scss */
  100% {
    -o-transform: translateX(0); } }

@keyframes slideInLeft {
  /* line 35, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-slideinleft.scss */
  0% {
    transform: translateX(-100%); }

  /* line 40, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-slideinleft.scss */
  100% {
    transform: translateX(0); } }

/* line 45, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-slideinleft.scss */
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  -moz-animation-name: slideInLeft;
  -o-animation-name: slideInLeft;
  animation-name: slideInLeft; }

@-webkit-keyframes slideOutLeft {
  /* line 2, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-slideoutleft.scss */
  0% {
    -webkit-transform: translateX(0); }

  /* line 6, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-slideoutleft.scss */
  100% {
    -webkit-transform: translateX(-100%); } }

@-moz-keyframes slideOutLeft {
  /* line 13, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-slideoutleft.scss */
  0% {
    -moz-transform: translateX(0); }

  /* line 17, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-slideoutleft.scss */
  100% {
    -moz-transform: translateX(-100%); } }

@-o-keyframes slideOutLeft {
  /* line 24, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-slideoutleft.scss */
  0% {
    -o-transform: translateX(0); }

  /* line 28, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-slideoutleft.scss */
  100% {
    -o-transform: translateX(-100%); } }

@keyframes slideOutLeft {
  /* line 35, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-slideoutleft.scss */
  0% {
    transform: translateX(0); }

  /* line 39, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-slideoutleft.scss */
  100% {
    transform: translateX(-100%); } }

/* line 45, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-slideoutleft.scss */
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  -moz-animation-name: slideOutLeft;
  -o-animation-name: slideOutLeft;
  animation-name: slideOutLeft; }

@-webkit-keyframes slideInRight {
  /* line 2, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-slideinright.scss */
  0% {
    -webkit-transform: translateX(100%); }

  /* line 7, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-slideinright.scss */
  100% {
    -webkit-transform: translateX(0); } }

@-moz-keyframes slideInRight {
  /* line 13, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-slideinright.scss */
  0% {
    -moz-transform: translateX(100%); }

  /* line 18, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-slideinright.scss */
  100% {
    -moz-transform: translateX(0); } }

@-o-keyframes slideInRight {
  /* line 24, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-slideinright.scss */
  0% {
    -o-transform: translateX(100%); }

  /* line 29, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-slideinright.scss */
  100% {
    -o-transform: translateX(0); } }

@keyframes slideInRight {
  /* line 35, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-slideinright.scss */
  0% {
    transform: translateX(100%); }

  /* line 40, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-slideinright.scss */
  100% {
    transform: translateX(0); } }

/* line 45, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-slideinright.scss */
.slideInRight {
  -webkit-animation-name: slideInRight;
  -moz-animation-name: slideInRight;
  -o-animation-name: slideInRight;
  animation-name: slideInRight; }

@-webkit-keyframes slideOutRight {
  /* line 2, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-slideoutright.scss */
  0% {
    -webkit-transform: translateX(0); }

  /* line 6, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-slideoutright.scss */
  100% {
    -webkit-transform: translateX(100%); } }

@-moz-keyframes slideOutRight {
  /* line 13, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-slideoutright.scss */
  0% {
    -moz-transform: translateX(0); }

  /* line 17, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-slideoutright.scss */
  100% {
    -moz-transform: translateX(100%); } }

@-o-keyframes slideOutRight {
  /* line 24, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-slideoutright.scss */
  0% {
    -o-transform: translateX(0); }

  /* line 28, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-slideoutright.scss */
  100% {
    -o-transform: translateX(100%); } }

@keyframes slideOutRight {
  /* line 35, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-slideoutright.scss */
  0% {
    transform: translateX(0); }

  /* line 39, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-slideoutright.scss */
  100% {
    transform: translateX(100%); } }

/* line 45, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/components/_animation-slideoutright.scss */
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  -moz-animation-name: slideOutRight;
  -o-animation-name: slideOutRight;
  animation-name: slideOutRight; }

@font-face {
  font-family: 'Inconsolata';
  font-style: normal;
  font-weight: 400;
  src: local("Inconsolata"), url(http://themes.googleusercontent.com/static/fonts/inconsolata/v6/BjAYBlHtW3CJxDcjzrnZCIbN6UDyHWBl620a-IRfuBk.woff) format("woff"); }

@font-face {
  font-family: 'Inconsolata';
  font-style: normal;
  font-weight: 700;
  src: local("Inconsolata Bold"), local("Inconsolata-Bold"), url(http://themes.googleusercontent.com/static/fonts/inconsolata/v6/AIed271kqQlcIRSOnQH0yTqR_3kx9_hJXbbyU8S6IN0.woff) format("woff"); }

/* line 31, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/_portfolio.scss */
html {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAMAAADyHTlpAAAAwFBMVEUAAADGxsb///+7u7vR0dHBwcGpqana2tqFhYX29vaXl5cbGxuvr69jY2NWVlZycnLl5eVhYWGAgIChoaEpKSlvb282NjZDQ0Pu7u4QEBDn5+e9vb339/ewsLAsLCzIyMgFBQWsrKxLS0uPj4/t7e2RkZH19fV/f3/BwcHg4OBpaWnl5eXd3d13d3eCgoLPz8+Ojo6jo6OFhYVubm45OTknJyeNjY2Hh4fe3t4PDw/Y2NhUVFSRkZEZGRm2traKioo+kSEzAAAAQHRSTlMABAYEBAICBAIGAgYEAgQCBAQEBgYEBgQHBgcFBwYEBQYFBgYGBAQHBggFBgUFBQcFBwcHBwcHBQcHBwUHBwcI0GvxuwAAA9ZJREFUeF4VzoO1bUsCAMBqbOLYvjSe9ZV/VrMmg7IUJmaf5rVTpTwKJlwfKZLald/15C9+NlpDo/DnZBFuj1zFl3K4+TgvnPQeIyFsMbzowYT9j/Tpvji8a7tFsmbuZitipxrkxeKn0TaXs5zJY8l1yqLGzA6b/FfWaQ5rJbSbW1SLWBVNDDcfkaOOIgjBNK/27pIsUWF8LsX1tKoWJZ6G0LAoKPV1dhy2RYPaLh82K0+pio5GRrj6a2didLPZ1LgTjpXKLY+Z1efWJH2zDcLNEm8FV+wesd8wfuWgm5RQK5y3ET+uuPFfIjms1nzzr07dz818LbV/m0/aM/xd3RZsNGe7utX0KebPYBwttWrGIiY835snUwZrZSP/AHJcn2OsjaMPZlbOU/d+vSS/uIpMfP8AxuZOUngjHg+SPJ0wVnsI+cuIqejV892M6U4M3VKF3jOKwzHtnW2hfVyvDBqfis5D68KUySpfckfnNnGnbJrqLljdbSoIUHL25CFaT9VzQyjbQwqnxE8jDu+IXypy/nuftIZ0xsvpIzHz9OzLpogrYs7Y25lOb89kW7o3x9PVWx9c4/CYglFYu9n6qru8pwGsnY9m1Xj8T7xSWrMvuHeZYyTebEYPaVFJC2wFxS6QHXNdf+vsLN0LpvRfW0DbXgYphm+ST7NuITw39snM52XDC9NnXP5sTWK6vX+OE0Nb3xP2wGbyTzb+rIZDWYC542DMTOZLENy0NEjdUqNuy+F6qr8V+zSSqkIfCfG38dLqoewx6x04MvZSUQY5RP2WAtvwD8G0GH6DVBAW82I75wvyUkYxTWMH6tlDQVo/Rv6F9F1X/oJbQf05N8lik1f2uMU8uK9Xr1TEwzvTP8ehy+26nZtfGLM734GJ0KhPwNuagqjUlrg9HbrSN1diZrRcbU41+9f1xoXUXFutNyPK1ih85V8jNcRQuAjk9QiLmExjFxd2J/sMjYofo+tom4urWbbna2RWcgVFuF6zoPz+eRjZwbSVt5TEUMtpTLKsTN5zsHuvjZdscG/QDGWFeO2xuIvtnh2fhCf0phNdKPouZwAB41M553R+Tcb6qte8hkP+orqseh57ymqk0MGDuwFKTwi/W1Mo4aVcVX3P9yqKpUXyNCskrh5Exqf5ZnaPUVgK4sKaa9PQjIjjZeG/Gh+PeFiO1TSTVNnnkxiU9bxbLuxXndEE8+GaX6kr7CbSc7AcudaXEHHSwY3Q0L+RVpVBtkWU/Zw3pLqvvD/NBtr9KmF7NGM3En11Lcwpli43+FR8x6uKu0DFzNKiuTTSpPD2f0q4HPwPf1FMRQeZK4QAAAAASUVORK5CYII='); }

/* line 35, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/_portfolio.scss */
html, body, .site {
  min-height: 100%; }

/* line 37, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/_portfolio.scss */
html {
  position: relative; }
  /* line 51, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/libs/components/_utilities-pseudolayer.scss */
  html:before {
    left: auto; }
  /* line 40, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/_portfolio.scss */
  html:before {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9ImF0IiBjeT0icmlnaHQiIHI9IjEwMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmdiYSgxNjIsIDE2MiwgMTYyLCAwLjI1KSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiYSgzNCwgMzQsIDM0LCAwKSIvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-radial-gradient(at right bottom, rgba(162, 162, 162, 0.25), rgba(34, 34, 34, 0));
    background-image: -moz-radial-gradient(at right bottom, rgba(162, 162, 162, 0.25), rgba(34, 34, 34, 0));
    background-image: -o-radial-gradient(at right bottom, rgba(162, 162, 162, 0.25), rgba(34, 34, 34, 0));
    background-image: radial-gradient(at right bottom, rgba(162, 162, 162, 0.25), rgba(34, 34, 34, 0));
    background-attachment: fixed; }

/* line 53, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/_portfolio.scss */
.site-head {
  position: absolute;
  position: fixed;
  top: 0;
  right: 0;
  bottom: auto;
  left: 0;
  min-height: 3.125rem;
  font-size: 1.5625rem;
  line-height: 1;
  background-color: rgba(0, 0, 0, 0.65);
  -webkit-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.15), 1px 1px 1px rgba(255, 255, 255, 0.1);
  -moz-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.15), 1px 1px 1px rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.15), 1px 1px 1px rgba(255, 255, 255, 0.1);
  text-align: right;
  z-index: 1; }

/* line 71, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/_portfolio.scss */
.site-title,
.site-subtitle {
  position: relative;
  top: -3px; }

/* line 76, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/_portfolio.scss */
.site-title {
  color: #ff4411; }

/* line 77, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/_portfolio.scss */
.site-subtitle {
  color: #98a89e; }

/* line 78, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/_portfolio.scss */
.site-menu {
  margin-top: 3.125rem;
  position: absolute;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset -1px 0 1px rgba(0, 0, 0, 0.15), 1px 0 1px rgba(255, 255, 255, 0.15);
  -moz-box-shadow: inset -1px 0 1px rgba(0, 0, 0, 0.15), 1px 0 1px rgba(255, 255, 255, 0.15);
  box-shadow: inset -1px 0 1px rgba(0, 0, 0, 0.15), 1px 0 1px rgba(255, 255, 255, 0.15);
  z-index: 2; }

/* line 93, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/_portfolio.scss */
.site-menu-btn {
  position: absolute;
  top: 20%;
  right: 1px;
  bottom: 20%;
  font-size: 44%;
  border: 1px outset;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0; }
  /* line 100, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/_portfolio.scss */
  .collapsed .site-menu-btn {
    right: -12px; }

/* line 104, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/_portfolio.scss */
.site-body {
  margin-top: 4.40625em;
  position: relative;
  z-index: 0; }

/* line 147, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/_portfolio.scss */
.project-menu--list {
  font-family: sans-serif;
  font-weight: bold; }

/* line 152, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/_portfolio.scss */
.project-menu--toggle {
  width: 1.5625rem;
  height: 1.5625rem;
  color: #FFF;
  background-color: #000;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.75);
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNjAiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYmEoMCwgMCwgMCwgMC4yNSkiLz48c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0icmdiYSgzNCwgMzQsIDM0LCAwLjc1KSIvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-radial-gradient(rgba(0, 0, 0, 0.25), rgba(34, 34, 34, 0.75) 60%);
  background-image: -moz-radial-gradient(rgba(0, 0, 0, 0.25), rgba(34, 34, 34, 0.75) 60%);
  background-image: -o-radial-gradient(rgba(0, 0, 0, 0.25), rgba(34, 34, 34, 0.75) 60%);
  background-image: radial-gradient(rgba(0, 0, 0, 0.25), rgba(34, 34, 34, 0.75) 60%);
  -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.15), inset -1px -1px 0 rgba(0, 0, 0, 0.33), 1px 1px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.15), inset -1px -1px 0 rgba(0, 0, 0, 0.33), 1px 1px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.15), inset -1px -1px 0 rgba(0, 0, 0, 0.33), 1px 1px 1px rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 0.5625rem;
  -moz-border-radius: 0.5625rem;
  -ms-border-radius: 0.5625rem;
  -o-border-radius: 0.5625rem;
  border-radius: 0.5625rem; }

/* line 174, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/_portfolio.scss */
.snippet-menu--list {
  font-weight: normal; }

/* line 185, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/_portfolio.scss */
.project-detail {
  font-family: sans-serif; }

/* line 187, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/_portfolio.scss */
.project-detail--name {
  font-size: 3.125rem; }

/* line 188, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/_portfolio.scss */
.project-detail--tech {
  font-size: 1.5625rem; }

/* line 196, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/_portfolio.scss */
.project-detail--shots {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  -ms-column-count: 2;
  -o-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 0.28125rem;
  -moz-column-gap: 0.28125rem;
  -ms-column-gap: 0.28125rem;
  -o-column-gap: 0.28125rem;
  column-gap: 0.28125rem;
  font-size: 0;
  line-height: 0; }

/* line 206, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/_portfolio.scss */
.project-detail--img {
  vertical-align: top; }

/* line 214, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/_portfolio.scss */
.snippet-detail {
  position: relative; }

/* line 216, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/_portfolio.scss */
.snippet-detail--name {
  font-size: 1.5625rem; }

/* line 217, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/_portfolio.scss */
.snippet-detail--type {
  display: inline; }

/* line 221, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/_portfolio.scss */
.snippet-detail--src {
  min-height: 100%; }

/* line 226, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/_portfolio.scss */
.snippet-detail--shots {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  -ms-column-count: 2;
  -o-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 0.28125rem;
  -moz-column-gap: 0.28125rem;
  -ms-column-gap: 0.28125rem;
  -o-column-gap: 0.28125rem;
  column-gap: 0.28125rem;
  font-size: 0;
  line-height: 0;
  min-height: 100%; }

/* line 234, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/_portfolio.scss */
.snippet-detail--img {
  vertical-align: top; }

/* line 239, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/_portfolio.scss */
.snippet-detail--demo {
  overflow: hidden;
  overflow-y: hidden;
  min-height: 100%; }

/* line 247, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/_portfolio.scss */
.snippet-detail--btn {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  border: 0; }
  /* line 253, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/_portfolio.scss */
  .snippet-detail--btn.active {
    display: none; }
  /* line 254, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/_portfolio.scss */
  .snippet-detail--btn.next {
    left: 50%;
    right: 0;
    background: rgba(255, 0, 0, 0.15); }
  /* line 255, C:/Users/moorer/Documents/GitHub/backbone.junkdrawer/css/sass/app/_portfolio.scss */
  .snippet-detail--btn.prev {
    left: 0%;
    right: 50%;
    background: rgba(0, 255, 0, 0.15); }