center_icon { 
  text-align: center;
  margin-top: 2em;
}

right_icon { 
  text-align: right;
  margin-top: 2em;
  margin-bottom: 2em;
}

caption { 
  color:#000099;
 }

#placeholder { 

  margin-left: auto;
  margin-right: auto;
  text-align: center;
  position: relative;
  z-index: 1;
  width: 50em;
  height:25em;
  padding-bottom: 3em;
    background: linear-gradient(#f6f6f6 0, #fff 50px);
    background: -o-linear-gradient(#f6f6f6 0, #fff 50px);
    background: -ms-linear-gradient(#f6f6f6 0, #fff 50px);
    background: -moz-linear-gradient(#f6f6f6 0, #fff 50px);
    background: -webkit-linear-gradient(#f6f6f6 0, #fff 50px);
    box-shadow: 0 3px 10px rgba(0,0,0,0.15);
    -o-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}

#instructions_mouse{
  background: rgba(00,00,99,.3);
  position: relative;
  margin-left: auto;
  text-align: center;
  width: 50em;
  height: 1em;
  padding-top: 1em;
  padding-bottom: 1em;
  z-index: 100;  }

#instructions_zoom{
  background: rgba(00,00,99,.4);
  position: relative;
  margin-left: auto;
  text-align: center;
  width: 50em;
  height: 1em;
  padding-top: 1em;
  padding-bottom: 1em;
  z-index: 100;  }

.axisLabel {
    position: absolute;
    text-align: center;
    font-size: 12px;
}

.xaxisLabel {
    bottom: 3px;
    left: 0;
    right: 0;
}

.yaxisLabel {
    top: 50%;
    left: 2px;
    transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform:  rotate(-90deg);
    transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}


.submit input { 
  margin-left: 12.5em;
  text-align: center;
}

#container { 
  margin-left: auto;
  margin-right: auto;
  max-width: 50em;
  text-align: center;
 }

.error{ 
  text-align:center;
  color:#ff0000;
  font-weight: bold;
}

#example
{ 
  text-align: center;
  overflow:hidden;
  min-height:100%;
  position:relative;
  background: linear-gradient(#f6f6f6 0, #fff 50px);
  background: -o-linear-gradient(#f6f6f6 0, #fff 50px);
  background: -ms-linear-gradient(#f6f6f6 0, #fff 50px);
  background: -moz-linear-gradient(#f6f6f6 0, #fff 50px);
  background: -webkit-linear-gradient(#f6f6f6 0, #fff 50px);
  box-shadow: 0 3px 10px rgba(0,0,0,0.15);
  o-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
  ms-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
  moz-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
  webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}


#project_list
{
  margin-left: 2em
}



#submit{ 
  background-color: #000099;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:6px;
    color: #f6f6f6;
    font-family: 'Oswald';
    font-size: 20px;
    text-decoration: none;
    cursor: poiner;
     border:none;
  width:400px;
}

#submit:hover {
    border: none;
    background:red;
    box-shadow: 0px 0px 1px #f6f6f6;
    
}