@font-face {
    font-family: opensans;
    src: url(/fonts/OpenSans-Regular.ttf);
}

@font-face {
  font-family: openbold;
  src: url(/fonts/OpenSans-Bold.ttf);
}

@font-face {
  font-family: openitalic;
  src: url(/fonts/OpenSans-Italic.ttf);
}

a{
  color: #f1b658;
  text-decoration: none;
}

a.missing{
  color: #808080;
  visibility: hidden;
}

a:hover{
  text-decoration: underline;
}

body{
  font-family: opensans;
  background-image: url(/img/1_alt.jpg);
  background-repeat: repeat;
  background-color: #000000;
  color: #FFFFFF;
  font-size: 25;
}

.homebutton{
  border:none;
  display:inline-block;
  padding:8px 16px;
  overflow: hidden;
  text-decoration: none;
  color: #ffffff;
  background-color: inherit;
  cursor: pointer;
  font-family: inherit;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  font-size: 20;
}

.homebutton:hover{
  box-shadow:0 8px 16px 0 rgba(0,0,0,0.5),0 6px 20px 0 rgba(0,0,0,0.4);
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  color: #f1b658;
  background-color: rgba(255,255,255,0.2);
}

table {
  border-collapse: collapse;
  font-size: 20;
}

h1 {
  font-family: openbold;
  font-size: 50;
  margin: 1px;
}

h4{
	font-family: opensans;
	font-size: 20;
	margin-top: 0px;
}

h5{
  font-family: openitalic;
  font-weight: normal;
  font-size: 15;
  margin-top: 0px;
}

td{
  -webkit-transition-duration: 0.1s; /* Safari */
  transition-duration: 0.1s;
}

td:hover {
  background-color: rgba(255, 255, 255, 0.2);
  font-size: 21;
  -webkit-transition-duration: 0.1s; /* Safari */
  transition-duration: 0.1s;
}

footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: inherit;
    text-align: center;
}