styles.css

@font-face {
	font-family: folio;
	src: url('Folio_Bold_Condensed.ttf');
}
@font-face {
	font-family:trade_gothic;
	src: url('Trade_Gothic_Bold_Condensed_No_20.ttf');
}
/*p {
	font-family: folio;
	font-size: 20px;
	margin: 0 auto 0 auto;
}
*/#info {
/*	font-family: folio;*/
/*	font-size: 20px;*/
	width: 60%;
	margin: 20 auto 20 auto;
}
div.buttons {
	width: 50%;
	margin: 0 auto 0 auto;
}
#allsliders {
	margin: 0 auto 0 auto;
	width: 50%;
}
button {
	font-family: folio;
	font-size: 20px;
	width: 60px;
	height: 40px;
}
#select-track {
    margin-top:20px;
    margin-bottom:20px;
}
.sel {
    width:260px;
}
.container {
	width: 50%;
	margin: auto;
}
.hera-unit {
	width: 80%;
  padding: 20px;
  margin-bottom: 20px;
  font-size: 28px;
  font-weight: 200;
  line-height: 20px;
  color: inherit;
  background-color: #eeeeee;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}