#canvas{ width: 100%; height: 850px;}

/*  #banner {
    background-image: linear-gradient(120deg, #91C4FF 0%, #F0F7FF 87%);
    position: relative;
    width: 100%;
    height: 950px;
  }*/
  
  #cloud-scroll {
    background: url(../../img/clouds.png) repeat-x;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    position: absolute;
    -webkit-animation: 4000000s backgroundScroll infinite linear;
    -moz-animation:4000000s backgroundScroll infinite linear;
    -o-animation: 4000000s backgroundScroll infinite linear;
    -ms-animation: 4000000s backgroundScroll infinite linear;
    animation: 4000000s backgroundScroll infinite linear;
	z-index:1px;
  }
  
  @-webkit-keyframes backgroundScroll {
    from {
      background-position: 0 0;
    }
    to {
      background-position: -99999999px 0;
    }
  }
  
  @keyframes backgroundScroll {
    from {
      background-position: 0 0;
    }
    to {
      background-position: -99999999px 0;
    }
  }
 #ship-scroll {
    background: url(../../img/ship.png) repeat-x;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    position: absolute;
    -webkit-animation: 100000s backgroundScroll infinite linear;
    -moz-animation:1000000s backgroundScroll infinite linear;
    -o-animation: 1000000s backgroundScroll infinite linear;
    -ms-animation: 1000000s backgroundScroll infinite linear;
    animation: 1000000s backgroundScroll infinite linear;
	z-index:1px;
  }
  
  @-webkit-keyframes backgroundScroll {
    from {
      background-position: 0 0;
    }
    to {
      background-position: -99999999px 0;
    }
  }
  
  @keyframes backgroundScroll {
    from {
      background-position: 0 0;
    }
    to {
      background-position: -99999999px 0;
    }
  }