@import url("not-standalone.css") not all and (display-mode: standalone);
colors {
  color: #6f665f; }

@-ms-viewport {
  width: 480px; }

@-o-viewport {
  width: 480px; }

@viewport {
  width: 480px; }

html {
  height: 100%;
  overflow: hidden;
  font-size: 1.5em;
  font-family: "Quicksand", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.5;
  color: #1a2a08; }

body {
  height: 100%;
  margin: 0;
  background-color: #1a2a08; }

.demo-container {
  display: block;
  width: 100%;
  max-width: 480px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  background-color: #1a2a08; }

@media (orientation: landscape) {
  body {
    background: #4a6969 url(../../../app/images/backgrounds/graph-paper.svg) 50% 50%; }
  .demo-container {
    height: 854px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
         -o-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-box-shadow: 0 0 32px rgba(0, 0, 0, 0.3);
            box-shadow: 0 0 32px rgba(0, 0, 0, 0.3); } }

@media (orientation: landscape) and (max-height: 854px) {
  .demo-container {
    height: 640px; } }