body {
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

a {
  padding: 30px;
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  text-align: center;
  font-size: 200%;
  text-decoration: none;
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

.bubbleslider {
  display: inline;
  z-index: 100;
  width: 15%;
  -webkit-appearance: none;
  height: 15px;
  border-radius: 5px;  
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;


}

.homeclass {
  display: inline block;
  clear: both;
  font: darkgrey;
  font-size: 80%;
  line-height: 0px;
  background: lightgray;
  padding: 5px; 
  border: darkgray;
  border-radius: 5px;
  width: 25%;
  margin-left: 20px;
  margin-right: 20px;
  border-style: solid;
  padding-left: 8%;
  padding-right: 8%;


}

a.homeclass {
  color: black;
}

.index {
  /* margin-left: 15px;
  margin-top:10px; */
}