/*!
 * Generated at 2016-03-06 00:58:42 -0600
 * Source files available at URL: /css/home/scss/
 *
 *  .d8888b.                                        888                888
 * d88P  Y88b                                       888                888
 * 888    888                                       888                888
 * 888        .d88b. 88888b.  .d88b. 888d888 8888b. 888888 .d88b.  .d88888
 * 888  88888d8P  Y8b888 "88bd8P  Y8b888P"      "88b888   d8P  Y8bd88" 888
 * 888    88888888888888  88888888888888    .d888888888   88888888888  888
 * Y88b  d88PY8b.    888  888Y8b.    888    888  888Y88b. Y8b.    Y88b 888
 *  "Y8888P88 "Y8888 888  888 "Y8888 888    "Y888888 "Y888 "Y8888  "Y88888
 *
**/
@font-face {
  font-family: 'Ubuntu Condensed Regular';
  src: url("fonts/ubuntucondensed-regular-webfont.eot");
  src: url("fonts/ubuntucondensed-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/ubuntucondensed-regular-webfont.woff2") format("woff2"), url("fonts/ubuntucondensed-regular-webfont.woff") format("woff"), url("fonts/ubuntucondensed-regular-webfont.ttf") format("truetype"), url("fonts/ubuntucondensed-regular-webfont.svg#ubuntu_condensedregular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Ubuntu Light';
  src: url("fonts/ubuntu-light-webfont.eot");
  src: url("fonts/ubuntu-light-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/ubuntu-light-webfont.woff2") format("woff2"), url("fonts/ubuntu-light-webfont.woff") format("woff"), url("fonts/ubuntu-light-webfont.ttf") format("truetype"), url("fonts/ubuntu-light-webfont.svg#ubuntulight") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Ubuntu Regular';
  src: url("fonts/ubuntu-regular-webfont.eot");
  src: url("fonts/ubuntu-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/ubuntu-regular-webfont.woff2") format("woff2"), url("fonts/ubuntu-regular-webfont.woff") format("woff"), url("fonts/ubuntu-regular-webfont.ttf") format("truetype"), url("fonts/ubuntu-regular-webfont.svg#ubunturegular") format("svg");
  font-weight: normal;
  font-style: normal; }
* {
  margin: 0;
  padding: 0; }

html {
  height: 100%; }

body {
  background: #000 url(images/space-bg-stripe.gif) top center repeat-y;
  height: 100%;
  font-size: 18px;
  font-family: 'Ubuntu Light'; }
  body:after {
    display: block;
    content: "";
    position: fixed;
    z-index: 10;
    top: 252px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 426px;
    max-width: 100%;
    height: 416px;
    background: url(images/earth.gif) center top no-repeat;
    background-size: 426px; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      body:after {
        background-image: url(images/earth@2x.gif); } }

.sr-only {
  position: absolute !important;
  left: -5999px !important;
  top: 0 !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important; }

.wordmark {
  position: fixed;
  z-index: 20;
  top: 16px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 308px;
  height: 94px; }
  .wordmark a {
    display: block;
    height: 100%;
    text-indent: -100%;
    overflow: hidden;
    background: url(images/wordmark-zachstronaut.gif) left top no-repeat;
    background-size: 100%; }
    .wordmark a:hover {
      background-position: left bottom; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .wordmark a {
        background-image: url(images/wordmark-zachstronaut@2x.gif); } }
  .wordmark:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 128px;
    margin: 0 auto;
    width: 46px;
    height: 86px;
    background: url(images/zachstronaut-360.gif) 0 0 no-repeat;
    background-size: 100%; }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .wordmark:after {
        background-image: url(images/zachstronaut-360@2x.gif); } }

.moon {
  position: relative;
  top: 544px;
  z-index: 40;
  background: #67605a top center repeat-y;
  background-size: 2048px;
  max-width: 2048px;
  margin: 0 auto;
  min-height: 60%; }
  .moon:before {
    display: block;
    content: "";
    position: absolute;
    top: -112px;
    width: 100%;
    height: 112px;
    background: top center no-repeat;
    /*background-image: url(images/moon-curve.gif);*/
    background-image: url(data:image/gif;base64,R0lGODlhAAhwAIAAAGdgWv///yH5BAEAAAEALAAAAAAACHAAAAL/jI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC8caQNf2Tcv6zvf+DwwKh8Si8YhMKpfMpvMJjUqn1Kr1ik3ittus9wsOi8fksvmMTqvX7Lb7DY/Lvdw6d47P6/f8vv8PGCg4SFhoeKhmk2bHaIf4CBkpOUlZaXmJmam5yXlzkcPRKFojBPA5ippaquhAyvkKGys7S1tre4ubC8ha0fhQd5qqyjLcIHwsHALai8yr+wwdLT1NXW19jd3h/OXY2oz8+92MIl5uLqrd5X2+nO3+Dh8vP09fb98E3IrPzt/v3/3hn0B2wQYeu4cwocKFDBs6fFjrXAtTFgxavGguHcaN/wfXcexopN0EihBLmjyJMqXKldT6lfDl8aPMmfmY0byJk+OQOzFFsvwJNKjQoUSLriJJwaCynEyblgvnNKpUlz2RLuVnNKvWrVy7eqVVk5g6YzpDTT2LNq3atVKvCmzj6qvcuXTr2iVajARbHAX3+v0LOLBggDM+QvVJzq2nu4wbO34MeddYD+D0Do7L4LLmzZw7R+279gTPDagimz6NOrXqnU/NflPsObbs2bRr+zsc+CUj0KUr8l0NPLjw4Xct8n7t2rby5cybO7cNGyZZrFUnE7+OPbt2hjJx/zv+PLz48eTLd08+3rvV7ezbu3+/CHMG89sU0L+PP7/+/eh88/9PBl+AAg5I4A/j+PdfggouyGCDy6nn4G4FTkhhhRYmNRCEEW7IYYcefgjiXheOSGKJA4aIYooqrshii4OZCGOMMqbmYo023ohjjjpWNmOPPv5o1I5CDklkkUZyCGSSSi4Zy3qkHQlllFJOSSVzTF6JZZaShTVflV5+CWaYYjK1AmELOKllmmqu+WR/No0JZ5xyzkmnm5ZlxGaeeu45HUiZ1QlooIIO6qVuBPGJaKJpEspoo44+Cmh0EoFQXwLyKYpppvAgJimknn4Kaqg4aqQUegBqimqq0Jhp32J9igprrLLO6iF4pb4pjqq67tokrb7+CmywR2o4E7G58opsspH/CMtss84+Cy1Gyk5L7ZbRXottttpui2a13n5rBrfijktuubCqB2666iphbrvuvgvvp+vOS28P8d6Lb776fllvv/6GQ+q+Ag9McMEqKvNvwnpyKYHBDj8MccQJBqxwxdddausoxkrMcccef8xZxhaPjNpoGIKMcsoqr7zfxtaRDPNXGlfHcs0234zzh2V2G3PPfDAcQc5CD0100aOaIJ3PSrtx6p9GPw111FIvaGjSS18d7tRab8111x12yirWYmfhddlmn412eqb6OdLYbh+Vdtxyz013bghS9yqnb+8tVt1+/w144De5PDjffIddmOCKL8544/gZHvOBbTpOeeWW/19uJeTq4okr5p5/DnroImpO7Xc0i4566qqvvhHApOfJeuyyz067c68XWCkEte/Oe+++/3W7gEAj8Hvxxh+P/HnBs5d8884/D31Zy2MXffXWX49909Orln333n+ffdU8b28P+Oafj37ynZIfT/ruvw//8QG/zL408d+Pf/6zZ/xbQPU/or8ACnCAoCPc8HD1P0IQcIEMbGDzbJVAJ9CPeHo7nQMviMEMps6AFYwgD25jQQ2KcIQkfODpPEiZEqpwhSxsoeRQ2DkXynCGNGQhDE9WwxzqcIcXvCEHeQjEIAqxez601BCPiMQkng9Ch1OiE58IxfuJLYpUrKIVwaeo/v8l7opc7KIXq6emvIzki2Qsoxnl9yO8Oe2MbGyjG/fnDQK9cY50rOMAA2THPOpxj0tsDx//CMhAQi87giykIQ/pO+EgcpGMbKTogjK+uzlykpSs5N9UMsEYWnKTnOwk1xKCHE16cpSkLGXO5PGWEJpylaxsJcfc4cpYynKWgLsGLW+Jy1yWrSCus5YufwnMYA7th676mTCPicxk+g0MGNOdMp8JzWh6jQp2OpM0r4nNbD5tCdrspje/WbcggHOc5Cwn2nZgznSqc51QgwE73wnPeNZsIvKspz3vCbEU4HOf/Oynwebnz4AKdKDi4h9BD4rQhAKLmAptqEMfCtGISnRNohStqEUvitGManSjHO2oRz8K0pCKdKQkLalJT4rSlKp0pSxtqUtfCtOYynSmNK2pTW+K05zqdKc87alPfwrUoAp1qEQtqlGPitSeFgAAOw==); }
  .moon:after {
    display: block;
    content: "";
    position: absolute;
    top: -112px;
    width: 100%;
    height: 112px;
    background: top center no-repeat;
    background-size: 2048px; }

.moon {
  background-image: url(images/moon-bg-stripe.gif); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .moon {
      background-image: url(images/moon-bg-stripe@2x.gif); } }
  .moon:after {
    background-image: url(images/moon-craters.gif); }
    @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
      .moon:after {
        background-image: url(images/moon-craters@2x.gif); } }

.nav-top {
  position: fixed;
  z-index: 30;
  left: 0;
  right: 0;
  top: 144px;
  width: 300px;
  margin: 0 auto; }

.nav {
  list-style: none; }

.nav-icons li a {
  display: block;
  height: 100%;
  text-indent: -999em;
  overflow: hidden; }

.nav-main {
  position: relative;
  float: left;
  width: 112px; }
  .nav-main li {
    float: left;
    margin-bottom: 18px; }
    .nav-main li a {
      background: url("images/nav-main.gif") 0 0 no-repeat;
      background-size: 284px; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .nav-main li a {
          background-image: url("images/nav-main@2x.gif"); } }
    .nav-main li.nav-active a {
      cursor: default; }
  .nav-main .nav-articles {
    width: 112px;
    height: 32px; }
    .nav-main .nav-articles a {
      background-position: 0 0; }
      .nav-main .nav-articles a:hover {
        background-position: 0 -74px; }
  .nav-main .nav-info {
    width: 52px;
    height: 32px; }
    .nav-main .nav-info a {
      background-position: -112px 0; }
      .nav-main .nav-info a:hover {
        background-position: -112px -74px; }
    .nav-main .nav-info.nav-active a {
      background-position: -112px -148px; }
  .nav-main .nav-projects {
    position: absolute;
    left: 90px;
    top: 156px;
    width: 120px;
    height: 74px; }
    .nav-main .nav-projects a {
      background-position: -164px 0; }
      .nav-main .nav-projects a:hover {
        background-position: -164px -74px; }

.nav-elsewhere {
  float: right;
  width: 128px;
  margin: 2px 4px 0 0; }
  .nav-elsewhere li {
    float: right;
    width: 34px;
    height: 30px;
    margin: 0 0 20px 8px; }
    .nav-elsewhere li a {
      background: url("data:image/gif;base64,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") 0 0 no-repeat;
      background-size: 170px; }
      @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
        .nav-elsewhere li a {
          background-image: url("images/icons-34x30@2x.gif"); } }
  .nav-elsewhere .nav-icon-github a {
    background-position: 0px top; }
    .nav-elsewhere .nav-icon-github a:hover {
      background-position: 0px bottom; }
  .nav-elsewhere .nav-icon-twitter a {
    background-position: -34px top; }
    .nav-elsewhere .nav-icon-twitter a:hover {
      background-position: -34px bottom; }
  .nav-elsewhere .nav-icon-youtube a {
    background-position: -68px top; }
    .nav-elsewhere .nav-icon-youtube a:hover {
      background-position: -68px bottom; }
  .nav-elsewhere .nav-icon-dribbble a {
    background-position: -102px top; }
    .nav-elsewhere .nav-icon-dribbble a:hover {
      background-position: -102px bottom; }
  .nav-elsewhere .nav-icon-codepen a {
    background-position: -136px top; }
    .nav-elsewhere .nav-icon-codepen a:hover {
      background-position: -136px bottom; }

.container {
  margin: 0 auto;
  padding: 0 10px;
  width: 100%;
  max-width: 320px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  color: #fff2e6;
  text-align: justify;
  font-size: 75%;
  line-height: 1.4em; }
  .container .content {
    color: #d9cec4;
    padding-bottom: 5em; }
    .container .content > * + * {
      margin-bottom: 20px; }
    .container .content a {
      color: #40d3ff;
      text-decoration: none; }
      .container .content a:hover {
        background-color: rgba(0, 0, 0, 0.66);
        padding: 3px 4px;
        margin: -3px -4px; }
    .container .content strong {
      font-family: 'Ubuntu Regular', sans-serif;
      font-weight: bold;
      color: #fff; }
    .container .content h1 {
      font-family: 'Ubuntu Condensed Regular', sans-serif;
      font-size: 250%;
      line-height: 1.4em; }
    .container .content .imgRight {
      margin: 20px auto; }
    .container .content ul {
      padding-left: 1.5em; }
      .container .content ul li {
        padding: 0.2em 0; }

/**
 * @640
 .d8888888b.  .d8888b.     d8888  .d8888b.
d88P"   "Y88bd88P  Y88b   d8P888 d88P  Y88b
888  d8b  888888         d8P 888 888    888
888  888  888888d888b.  d8P  888 888    888
888  888bd88P888P "Y88bd88   888 888    888
888  Y8888P" 888    8888888888888888    888
Y88b.     .d8Y88b  d88P      888 Y88b  d88P
 "Y88888888P" "Y8888P"       888  "Y8888P"
**/
@media only screen and (min-width: 640px) {
  body {
    font-size: 20px; }

  .container {
    max-width: 640px;
    font-size: 90%; }
    .container .content h1 {
      font-size: 300%; }
    .container .content .imgRight {
      margin: 5px 0 20px 30px;
      float: right;
      max-width: 35%; }

  .wordmark {
    width: 480px; }
    .wordmark a {
      background-image: url(images/wordmark-zachstronaut-640.gif); } }
    @media only screen and (min-width: 640px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 640px) and (min-resolution: 192dpi) {
      .wordmark a {
        background-image: url(images/wordmark-zachstronaut-640@2x.gif); } }

@media only screen and (min-width: 640px) {
  .nav-top {
    width: 480px; }

  .nav-main .nav-projects {
    left: 180px; }

  .nav-elsewhere {
    width: 134px; }
    .nav-elsewhere li {
      margin-left: 10px; } }
/**
 * @960
 .d8888888b.  .d8888b.  .d8888b.  .d8888b.
d88P"   "Y88bd88P  Y88bd88P  Y88bd88P  Y88b
888  d8b  888888    888888       888    888
888  888  888Y88b. d888888d888b. 888    888
888  888bd88P "Y888P888888P "Y88b888    888
888  Y8888P"        888888    888888    888
Y88b.     .d8Y88b  d88PY88b  d88PY88b  d88P
 "Y88888888P" "Y8888P"  "Y8888P"  "Y8888P"
**/
@media only screen and (min-width: 960px) {
  .container {
    max-width: 960px; } }
.projects {
  clear: both;
  margin: 0 -10px;
  list-style: none;
  overflow: hidden;
  padding-bottom: 5em; }
  .projects li {
    float: left;
    width: 300px;
    height: 225px;
    margin: 0 10px 20px 10px;
    background: rgba(255, 255, 255, 0.05); }
    .projects li a {
      position: relative;
      display: block;
      height: 100%;
      overflow: hidden;
      opacity: 0.8;
      -webkit-transition: opacity 300ms;
      -moz-transition: opacity 300ms;
      -ms-transition: opacity 300ms;
      transition: opacity 300ms; }
      .projects li a:hover {
        opacity: 1; }
        .projects li a:hover span {
          color: #40d3ff;
          background-color: rgba(0, 0, 0, 0.66); }
    .projects li img {
      max-width: 100%; }
    .projects li span {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      padding: 5px 10px;
      color: #fff2e6;
      background-color: transparent;
      font-size: 125%;
      line-height: 1em;
      font-family: 'Ubuntu Condensed Regular', sans-serif;
      font-weight: bold;
      -webkit-transition: color 300ms, background-color 300ms;
      -moz-transition: color 300ms, background-color 300ms;
      -ms-transition: color 300ms, background-color 300ms;
      transition: color 300ms, background-color 300ms; }
      .projects li span.title-darker {
        color: #d9cec4; }
    .projects li.tall {
      height: 470px; }
    .projects li.wide img {
      width: 620px;
      max-width: 620px; }
    .projects li.wide.tall {
      height: 235px; }
      .projects li.wide.tall img {
        width: 100%;
        max-width: 100%; }

.beemo-face {
  position: absolute;
  left: 25px;
  top: 25px;
  width: 250px; }

.pixel-palme-dor {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 144px; }
  .pixel-palme-dor.pixel-palme-dor-tr {
    left: auto;
    right: 10px; }
  .pixel-palme-dor.pixel-palme-dor-bl {
    left: auto;
    top: auto;
    right: 10px;
    bottom: 10px; }

.qube-bricks {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 250%;
  background: #fff; }
  .qube-bricks .qube {
    width: 120px;
    height: 120px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    margin: 40px auto 0 auto;
    -webkit-animation: rotateY linear infinite 5s;
    -moz-animation: rotateY linear infinite 5s;
    -ms-animation: rotateY linear infinite 5s;
    animation: rotateY linear infinite 5s; }
  .qube-bricks .qube > * {
    background-image: url(/images/projects/brick-texture.png); }

@-webkit-keyframes rotateY {
  from {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    transform: rotateY(0); }
  to {
    -webkit-transform: rotateY(359.99deg);
    -moz-transform: rotateY(359.99deg);
    -ms-transform: rotateY(359.99deg);
    transform: rotateY(359.99deg); } }
@-moz-keyframes rotateY {
  from {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    transform: rotateY(0); }
  to {
    -webkit-transform: rotateY(359.99deg);
    -moz-transform: rotateY(359.99deg);
    -ms-transform: rotateY(359.99deg);
    transform: rotateY(359.99deg); } }
@-ms-keyframes rotateY {
  from {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    transform: rotateY(0); }
  to {
    -webkit-transform: rotateY(359.99deg);
    -moz-transform: rotateY(359.99deg);
    -ms-transform: rotateY(359.99deg);
    transform: rotateY(359.99deg); } }
@keyframes rotateY {
  from {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    transform: rotateY(0); }
  to {
    -webkit-transform: rotateY(359.99deg);
    -moz-transform: rotateY(359.99deg);
    -ms-transform: rotateY(359.99deg);
    transform: rotateY(359.99deg); } }
.rotate3di {
  position: absolute;
  width: 150px;
  height: 150px;
  left: 0;
  right: 0;
  top: 25px;
  margin: auto; }

/**
 * @640
 .d8888888b.  .d8888b.     d8888  .d8888b.
d88P"   "Y88bd88P  Y88b   d8P888 d88P  Y88b
888  d8b  888888         d8P 888 888    888
888  888  888888d888b.  d8P  888 888    888
888  888bd88P888P "Y88bd88   888 888    888
888  Y8888P" 888    8888888888888888    888
Y88b.     .d8Y88b  d88P      888 Y88b  d88P
 "Y88888888P" "Y8888P"       888  "Y8888P"
**/
@media only screen and (min-width: 640px) {
  .projects li span {
    font-size: 100%; }
  .projects li.wide {
    width: 620px; }
  .projects li.wide.tall {
    height: 470px; }
    .projects li.wide.tall span {
      font-size: 200%; } }
/**
 * @960
 .d8888888b.  .d8888b.  .d8888b.  .d8888b.
d88P"   "Y88bd88P  Y88bd88P  Y88bd88P  Y88b
888  d8b  888888    888888       888    888
888  888  888Y88b. d888888d888b. 888    888
888  888bd88P "Y888P888888P "Y88b888    888
888  Y8888P"        888888    888888    888
Y88b.     .d8Y88b  d88PY88b  d88PY88b  d88P
 "Y88888888P" "Y8888P"  "Y8888P"  "Y8888P"
**/
@media only screen and (min-width: 960px) {
  .projects li.lg-right {
    float: right; } }

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