html,
body
{
  padding: 0;
  margin: 0;
  font-family: Arial, sans-serif;
}

/* hide horizontal scrollbars, since we use the vertical ones to scroll to the right */
body
{
  overflow-x: hidden;
  background: url('../images/bg.jpg') repeat top left;
  background-color: #d1f3ff;
}

h1
{
  font-size: 20px;
  font-weight: normal;
  color: #2e6e80;
}

/**
  * 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)
  */
.horizon
{
  z-index: 1;
  width: 3000px;
}

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

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

html,
body
{
    padding: 0;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #555;
}

h1,
h2,
h3
{
    color: #40E0D0;
    
}

h3
{
    margin: 10px 0;
}

a
{
    color: #DC143C;
}

a img
{
    border: none;
}

pre
{
    font-size: 14px;
    color: white;
    padding: 10px;
    background: #646464;
}
.front
{
    z-index: 500;
    top: 150px;
    width: 8000px;
}

.intro
{
    position: absolute;
    left: 500px;
    color: black;


}
.LO {
  width: 100%;
}
.help {
  width: 100%;
}
.page
{
    top: 0px;
    width: 500px;
    background: white;
    padding: 10px 30px;
    border: 1px #eee solid;
    position: absolute;
}
.main {
  color: black;
  padding: 50px;
}
.one
{
    left: 1000px;
    border-radius: 15px;
    box-shadow: #ddd1ff 5px 5px 30px;
}

.two
{
    left: 2050px;
    width: 700px;
    border-radius: 15px;
    box-shadow: #ddd1ff 5px 5px 30px;
}

.three
{
    width: 700px;
    left: 3100px;
    border-radius: 15px;
    box-shadow: #ddd1ff 5px 5px 30px;
}

.four
{
    width: 500px;
    left: 4150px;
    border-radius: 15px;
    box-shadow: #ddd1ff 5px 5px 30px;
}
.five {
  width: 500px;
  left: 5200px;
  border-radius: 15px;
  box-shadow: #ddd1ff 5px 5px 30px;
}
.six {
  width: 500px;
  left: 6250px;
  border-radius: 15px;
  box-shadow: #ddd1ff 5px 5px 30px;
}
.seven {
  width: 500px;
  left: 7300px;
  border-radius: 15px;
  box-shadow: #ddd1ff 5px 5px 30px;
}
.license
{
    padding: 100px 30px 30px 30px;
}