/* line 4, ../../../../../CodeKit.app/Contents/Resources/engines/neat/neat/grid/_box-sizing.scss */
html {
  box-sizing: border-box; }

/* line 9, ../../../../../CodeKit.app/Contents/Resources/engines/neat/neat/grid/_box-sizing.scss */
*, *::after, *::before {
  box-sizing: inherit; }

/* line 12, ../main.scss */
body {
  height: 100%;
  /* fallback */
  background-color: #ffff66;
  background-image: url(images/grad-bck.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: -webkit-radial-gradient(50% 50%, circle, #ffffff 10%, #ffff66 60%);
  background-image: -webkit-radial-gradient(  50% 50% circle, #ffffff 10%, #ffff66 60%);
  background-image: radial-gradient(  circle at 50% 50%, #ffffff 10%, #ffff66 60%);
  /* Safari 4-5, Chrome 1-9 */
  /* Safari 5.1+, Chrome 10+ */
  /* Firefox 3.6+ */
  /* IE 10 */
  background: -ms-radial-gradient(50% 50%, closest-corner, #ffffff, #ffff66);
  /* Opera cannot do radial gradients yet */
  background-size: cover; }

/* line 44, ../main.scss */
img {
  max-width: 100%; }
  @media screen and (max-width: 500px) {
    /* line 44, ../main.scss */
    img {
      width: 40%;
      height: 40%; } }

/* line 53, ../main.scss */
.wrap {
  height: 100%;
  margin-top: 5%;
  margin-bottom: 9%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto; }
  /* line 20, ../../../../../CodeKit.app/Contents/Resources/engines/bourbon/bourbon/addons/_clearfix.scss */
  .wrap::after {
    clear: both;
    content: "";
    display: table; }
  @media screen and (max-width: 500px) {
    /* line 53, ../main.scss */
    .wrap {
      margin-top: 10%; } }
  /* line 61, ../main.scss */
  .wrap .containerh {
    text-align: center;
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 57.3509785009%;
    margin-left: 25.5894128995%; }
    /* line 89, ../../../../../CodeKit.app/Contents/Resources/engines/neat/neat/grid/_span-columns.scss */
    .wrap .containerh:last-child {
      margin-right: 0; }
    /* line 65, ../main.scss */
    .wrap .containerh img {
      width: 35%;
      height: auto; }
    @media screen and (max-width: 500px) {
      /* line 61, ../main.scss */
      .wrap .containerh {
        float: left;
        display: block;
        margin-right: 7.4229703521%;
        width: 100%;
        margin-left: 0%; }
        /* line 89, ../../../../../CodeKit.app/Contents/Resources/engines/neat/neat/grid/_span-columns.scss */
        .wrap .containerh:last-child {
          margin-right: 0; } }
  /* line 74, ../main.scss */
  .wrap .container {
    height: 100%;
    float: left;
    display: block;
    margin-right: 2.3576515979%;
    width: 74.4105871005%;
    margin-left: 17.0596085997%; }
    /* line 89, ../../../../../CodeKit.app/Contents/Resources/engines/neat/neat/grid/_span-columns.scss */
    .wrap .container:last-child {
      margin-right: 0; }
    @media screen and (max-width: 500px) {
      /* line 74, ../main.scss */
      .wrap .container {
        float: left;
        display: block;
        margin-right: 7.4229703521%;
        width: 100%;
        margin-left: 0%; }
        /* line 89, ../../../../../CodeKit.app/Contents/Resources/engines/neat/neat/grid/_span-columns.scss */
        .wrap .container:last-child {
          margin-right: 0; } }

/* line 92, ../main.scss */
#canvas {
  width: 100%; }