/*
html, body {
  margin:0;
  height: 100%;
}
*/
html, body {
    width: 100%;
}

#interference, #gradients {
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
}

#interference {
	background-color: #182020;
/*	bottom:42px; */
}

.gradient {
    position: absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background-attachment: fixed;
    -webkit-transform:translateZ(0px);
    transform:translateZ(0px);
}

#gradients.separate .gradient {
  width: 85%;
  height: 70%; 
/*  height: 65%; */
}

#gradients.separate #rear-gradient {
    top: 5%;
    left: 5%;
}

#gradients.separate #front-gradient {
/*    top: 20%;  */
    top: 15%;
    left: 10%;
}

#controls {
    position: absolute;
    bottom: 52px;
    width: 100%;
    text-align: center;
    display: none;
}

#controls button {
    width: 86px;
    height: 26px;
    margin: 1px;

    font-family: "Verdana", "sans-serif";
    font-size: 10px;

	border: none;
    background-color: rgba(0,0,0,.5);
    color: rgba(255,255,255,.75);
}

#controls button:hover {
    background-color: rgba(0,0,0,.75);
	color: #FFF;
}

#controls button:focus {
    outline:0;
}