html {
  height:100%;
  background:#63D0FF;
}

body{
  margin:0;
  padding:0;
  height:100%;
}

#wrapper {
  position:relative;
  width:100%;
  height:100%;
}

#water{
  z-index: 0;
}

#yellow{
  background:url("http://www.sandburfarmproductions.com/clients/javascript_mmvp_2010/rellax_02/assets/aquarium-576059_04yf.svg") repeat-x 0 bottom; /*#ACE6FF*/
  width:100%;
  height:auto; /*230px 190px*/
  min-height:100%; /*230px*/
  position:absolute;
  top:0;
  right:0;
  z-index:4; /*1*/
  -webkit-transform:translate3d(0,0,0.01);
  transform:translate3d(0,0,0.01);
}

#orange{
  background:url("http://www.sandburfarmproductions.com/clients/javascript_mmvp_2010/rellax_02/assets/aquarium-576059_03of.svg") repeat-x 0 bottom; /*#ACE6FF*/
  width:100%;
  height:auto; /*230px 190px*/
  min-height:80%; /*230px*/
  position:absolute;
  top:0;
  left:0;
  z-index:3; /*1*/
  -webkit-transform:translate3d(0,0,0.01);
  transform:translate3d(0,0,0.01);
}

#ground {
  background:url("http://www.sandburfarmproductions.com/clients/javascript_mmvp_2010/rellax_02/assets/aquarium-576059_01.svg") repeat-x 0 0 transparent;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index:2;
  width: 100%;
  height: 192px;
  min-height:192px;
  border:0 none transparent;
  outline:0 none transparent;
  -webkit-transform:translate3d(0,0,0.01);
  transform:translate3d(0,0,0.01);
  will-change: transform;
}


.displayNone {
    display: none;
}

.displayBlock {
    display: block;
}

.shark h2{
  font-family: 'Source Sans Pro', Arial, sans-serif;
  /*background: #becccc;*/
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  /*letter-spacing: -3px;*/
  padding:50px;
  font-size:100px;
  position:relative;
  z-index: 100;
}

/*
text-shadow originated from: http://codepen.io/zitrusfrisch
*/
.superShadow {
  text-shadow:     0 1px 0 hsl(174,5%,80%),
                     0 2px 0 hsl(174,5%,75%),
                     0 3px 0 hsl(174,5%,70%),
                     0 4px 0 hsl(174,5%,66%),
                     0 5px 0 hsl(174,5%,64%),
                     0 6px 0 hsl(174,5%,62%),
                     0 7px 0 hsl(174,5%,61%),
                     0 8px 0 hsl(174,5%,60%),

                     0 0 5px rgba(0,0,0,.05),
                    0 1px 3px rgba(0,0,0,.2),
                    0 3px 5px rgba(0,0,0,.2),
                   0 5px 10px rgba(0,0,0,.2),
                  0 10px 10px rgba(0,0,0,.2),
                  0 20px 20px rgba(0,0,0,.3);
}

.shark h2 strong{
  font-size:100px;
}