html,
body
{
  padding: 0;
  margin: 0;
  font-family: Arial, sans-serif;
  height:16000px;
  background:#151426;
}

/* hide horizontal scrollbars, since we use the vertical ones to scroll to the right */

a {
  color:#fff;
  transition-property: color;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  transition-delay: 0s;
}
h1
{
  font-size: 20px;
  font-weight: normal;
  padding:50px;
  width:200px;
  text-align:center;
}
h1 a {
  border-bottom: 1px solid rgba(32,178,170,1);
  text-decoration: none;
  border:none;
}
 
h1 a:hover {
	color:#039;
}
h2
{
  font-size: 20px;
  font-weight: normal;
  color: #2e6e80;
  position:absolute;
  left:0px;
  top:16000px;
}
h3
{
  font-size: 20px;
  font-weight: normal;
  color: #2e6e80;
  position:absolute;
  left:30px;
  top:15700px;
  z-index:4000;
}
h4
{
  font-size: 20px;
  font-weight: normal;
  color: #2e6e80;
  position:absolute;
  left:600px;
  top:6000px;
  z-index:1000;
}

/**
  * important: keep position fixed, you can however use top:0 instead of bottom:0
  * if you want to make it stick to the top of the browser
  */
.scroll
{
  position: fixed;
  bottom: 0;
  left: 0;
}

/**
  * z-index ordering of the different layers, do this for your layers,
  * also assign absolute width (to prevent issues if the script gets executed before the images get loaded)
  */
div.horizon
{
  z-index: 1;
  width: 6000px;
}

div.middle
{
  z-index: 500;
  width: 8000px;
}

div.front
{
  z-index: 1000;
  width: 16000px;
}

#ki
{
  position:fixed;
  bottom:400px;
  left:100px;
  z-index:2000;
}

.btn a {
  display: block;
  cursor: pointer;
  width: 300px;
  margin: 0;
  padding: 20px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #C3B8B8;
  border-radius: 5px;
  box-shadow: 0 6px 0 #A19D92, 0 12px 0 rgba(0,0,0,0.2);
  -webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
  transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
}
 
.btn a:hover {
  color:#fff;
  background-color: #C3B8B8;
  box-shadow: 0 3px 0 #A19D92, 0 6px 0px rgba(0,0,0,0.2);
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
}
 
.btn a:active {
  color: #ddd;
  background-color: #fff;
  box-shadow: 0 0 0 #A19D92, 0 0 0px rgba(0,0,0,0.2);
  -webkit-transform: translateY(6px);
  transform: translateY(6px);
  transition-duration: 0.1s;
}