/*
----------------------------------------
Tantek Celik's Whitepsace Reset
     Author:  	Tantek Celik, Shane Riley
    Version:  	(CC) 2010 Some Rights Reserved - http://creativecommons.org/licenses/by/2.0
Description:	Resets default styling of common browsers to a common base
----------------------------------------
*/
/* line 11, /Users/shane/work/super_number/source/stylesheets/whitespace-reset.scss */
ul, ol {
  list-style: none; }

/* line 12, /Users/shane/work/super_number/source/stylesheets/whitespace-reset.scss */
h1, h2, h3, h4, h5, h6, pre, code {
  font-size: 1em; }

/* line 13, /Users/shane/work/super_number/source/stylesheets/whitespace-reset.scss */
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, dl, dt, dd, figure, figcaption {
  margin: 0;
  padding: 0; }

/* line 16, /Users/shane/work/super_number/source/stylesheets/whitespace-reset.scss */
a img, :link img, :visited img, fieldset {
  border: none; }

/* line 17, /Users/shane/work/super_number/source/stylesheets/whitespace-reset.scss */
address {
  font-style: normal; }

/* line 18, /Users/shane/work/super_number/source/stylesheets/whitespace-reset.scss */
header, section, article, nav, footer, hgroup, details, summary, figure {
  display: block; }

/* line 19, /Users/shane/work/super_number/source/stylesheets/whitespace-reset.scss */
mark {
  color: inherit;
  background: transparent; }

/* line 22, /Users/shane/work/super_number/source/stylesheets/whitespace-reset.scss */
summary::-webkit-details-marker {
  display: none; }

@-webkit-keyframes pulse {
  /* line 128, /Users/shane/work/super_number/source/stylesheets/mixins.sass */
  0% {
    opacity: 0; }

  /* line 130, /Users/shane/work/super_number/source/stylesheets/mixins.sass */
  50% {
    opacity: 1; }

  /* line 132, /Users/shane/work/super_number/source/stylesheets/mixins.sass */
  100% {
    opacity: 0; } }

@-moz-keyframes pulse {
  /* line 128, /Users/shane/work/super_number/source/stylesheets/mixins.sass */
  0% {
    opacity: 0; }

  /* line 130, /Users/shane/work/super_number/source/stylesheets/mixins.sass */
  50% {
    opacity: 1; }

  /* line 132, /Users/shane/work/super_number/source/stylesheets/mixins.sass */
  100% {
    opacity: 0; } }

@keyframes pulse {
  /* line 128, /Users/shane/work/super_number/source/stylesheets/mixins.sass */
  0% {
    opacity: 0; }

  /* line 130, /Users/shane/work/super_number/source/stylesheets/mixins.sass */
  50% {
    opacity: 1; }

  /* line 132, /Users/shane/work/super_number/source/stylesheets/mixins.sass */
  100% {
    opacity: 0; } }

/* line 3, /Users/shane/work/super_number/source/stylesheets/application.css.sass */
html {
  min-height: 100%; }

/* line 6, /Users/shane/work/super_number/source/stylesheets/application.css.sass */
body {
  font: normal 14px "Titillium Web", Helvetica, Arial, sans-serif;
  color: #4a4a3e;
  background: #e1e1dd;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  min-height: 100%; }
  /* line 13, /Users/shane/work/super_number/source/stylesheets/application.css.sass */
  body > section {
    position: relative;
    z-index: 2;
    margin: 0 50px;
    z-index: 2; }
    @media screen and (max-width: 720px) {
      /* line 13, /Users/shane/work/super_number/source/stylesheets/application.css.sass */
      body > section {
        margin: 0 20px; } }
    @media screen and (max-width: 480px) {
      /* line 13, /Users/shane/work/super_number/source/stylesheets/application.css.sass */
      body > section {
        margin: 0 10px; } }

/* line 23, /Users/shane/work/super_number/source/stylesheets/application.css.sass */
h1 {
  font-weight: 200;
  font-size: 110px;
  line-height: 100%;
  text-align: center;
  margin: 50px 0 20px 0; }
  @media screen and (max-width: 720px) {
    /* line 23, /Users/shane/work/super_number/source/stylesheets/application.css.sass */
    h1 {
      font-size: 80px; } }
  @media screen and (max-width: 480px) {
    /* line 23, /Users/shane/work/super_number/source/stylesheets/application.css.sass */
    h1 {
      font-size: 50px;
      margin-top: 20px; } }

/* line 34, /Users/shane/work/super_number/source/stylesheets/application.css.sass */
h2 {
  font-weight: 300;
  font-size: 30px;
  text-align: center;
  margin: 0 0 50px 0;
  color: #d7472b; }
  @media screen and (max-width: 720px) {
    /* line 34, /Users/shane/work/super_number/source/stylesheets/application.css.sass */
    h2 {
      font-size: 20px; } }
  @media screen and (max-width: 480px) {
    /* line 34, /Users/shane/work/super_number/source/stylesheets/application.css.sass */
    h2 {
      font-weight: 400;
      font-size: 20px;
      margin-bottom: 30px; } }

/* line 47, /Users/shane/work/super_number/source/stylesheets/application.css.sass */
dl {
  text-align: center; }
  /* line 49, /Users/shane/work/super_number/source/stylesheets/application.css.sass */
  dl dt {
    display: inline-block;
    text-align: right;
    padding: 0 20px 0 0; }
    /* line 53, /Users/shane/work/super_number/source/stylesheets/application.css.sass */
    dl dt label {
      font-size: 24px;
      font-weight: normal;
      line-height: 40px; }
    @media screen and (max-width: 480px) {
      /* line 49, /Users/shane/work/super_number/source/stylesheets/application.css.sass */
      dl dt {
        padding-right: 10px; } }
  /* line 59, /Users/shane/work/super_number/source/stylesheets/application.css.sass */
  dl dd {
    display: inline-block; }
    /* line 61, /Users/shane/work/super_number/source/stylesheets/application.css.sass */
    dl dd span {
      font-size: 24px;
      font-weight: bold;
      margin: 0 5px; }
    /* line 65, /Users/shane/work/super_number/source/stylesheets/application.css.sass */
    dl dd input[type="text"] {
      width: 40px;
      height: 40px;
      padding: 2px 5px;
      font: normal 24px "Dosis", Helvetica, Arial, sans-serif;
      color: #22272f;
      border: none;
      -webkit-appearance: none;
      background: white;
      text-align: center;
      border-radius: 0; }
      /* line 76, /Users/shane/work/super_number/source/stylesheets/application.css.sass */
      dl dd input[type="text"]:focus {
        outline: none; }
      /* line 78, /Users/shane/work/super_number/source/stylesheets/application.css.sass */
      dl dd input[type="text"].money {
        width: 80px; }
      @media screen and (max-width: 480px) {
        /* line 65, /Users/shane/work/super_number/source/stylesheets/application.css.sass */
        dl dd input[type="text"] {
          padding: 2px 3px; } }
    /* line 82, /Users/shane/work/super_number/source/stylesheets/application.css.sass */
    dl dd .super_number {
      display: inline-block;
      position: relative; }
      /* line 85, /Users/shane/work/super_number/source/stylesheets/application.css.sass */
      dl dd .super_number a.increment,
      dl dd .super_number a.decrement {
        font-family: Helvetica, Arial, sans-serif;
        position: absolute;
        z-index: 1;
        left: 0;
        right: 0;
        height: 30px;
        font-weight: 200;
        text-align: center;
        color: white;
        text-decoration: none;
        font-size: 30px;
        line-height: 26px;
        background: #d7472b;
        transition: background linear 0.2s;
        -webkit-transition: background linear 0.2s;
        -moz-transition: background linear 0.2; }
        /* line 103, /Users/shane/work/super_number/source/stylesheets/application.css.sass */
        dl dd .super_number a.increment:hover,
        dl dd .super_number a.decrement:hover {
          background: #f4401d; }
      /* line 105, /Users/shane/work/super_number/source/stylesheets/application.css.sass */
      dl dd .super_number a.increment {
        bottom: 100%;
        -moz-border-radius-topleft: 3px;
        border-top-left-radius: 3px;
        -moz-border-radius-topright: 3px;
        border-top-right-radius: 3px; }
      /* line 108, /Users/shane/work/super_number/source/stylesheets/application.css.sass */
      dl dd .super_number a.decrement {
        top: 100%;
        -moz-border-radius-bottomleft: 3px;
        border-bottom-left-radius: 3px;
        -moz-border-radius-bottomright: 3px;
        border-bottom-right-radius: 3px; }

/* line 112, /Users/shane/work/super_number/source/stylesheets/application.css.sass */
code {
  display: block;
  max-width: 500px;
  margin: 0 auto; }
  /* line 116, /Users/shane/work/super_number/source/stylesheets/application.css.sass */
  code pre {
    background: rgba(255, 255, 255, 0.4);
    padding: 20px;
    margin: 20px auto 40px auto;
    overflow-x: auto; }
  @media screen and (max-width: 480px) {
    /* line 112, /Users/shane/work/super_number/source/stylesheets/application.css.sass */
    code {
      font-size: 12px; }
      /* line 123, /Users/shane/work/super_number/source/stylesheets/application.css.sass */
      code pre {
        padding: 10px; } }

/* line 126, /Users/shane/work/super_number/source/stylesheets/application.css.sass */
.actions {
  max-width: 500px;
  margin: 0 auto;
  padding: 20px 0;
  text-align: center; }
  /* line 131, /Users/shane/work/super_number/source/stylesheets/application.css.sass */
  .actions a {
    display: block;
    padding: 10px;
    font-size: 30px;
    color: white;
    background: #d7472b;
    transition: background linear 0.2s;
    -webkit-transition: background linear 0.2s;
    -moz-transition: background linear 0.2;
    text-decoration: none; }
    /* line 141, /Users/shane/work/super_number/source/stylesheets/application.css.sass */
    .actions a:hover {
      background: #f4401d; }

/* line 144, /Users/shane/work/super_number/source/stylesheets/application.css.sass */
.author {
  text-align: center;
  font-size: 14px;
  clear: both;
  padding: 0 0 80px 0; }
  /* line 149, /Users/shane/work/super_number/source/stylesheets/application.css.sass */
  .author a {
    text-decoration: none;
    color: #d7472b; }

/* line 153, /Users/shane/work/super_number/source/stylesheets/application.css.sass */
#numbers {
  position: fixed;
  left: -40px;
  right: -40px;
  top: -70px;
  bottom: -70px;
  overflow: hidden;
  font-weight: 200;
  z-index: 1; }
  /* line 162, /Users/shane/work/super_number/source/stylesheets/application.css.sass */
  #numbers span {
    font-size: 140px;
    line-height: 90%;
    color: transparent;
    text-shadow: 0 0 25px #a8a884;
    display: inline-block; }
    @media screen and (max-width: 480px) {
      /* line 162, /Users/shane/work/super_number/source/stylesheets/application.css.sass */
      #numbers span {
        font-size: 70px; } }