@font-face {
  font-family: MC;
  src: url("./minecraft.woff");
}
@keyframes fadeIn {
  from {
    opacity: 0.0;
    margin-top: -2em
  }
  to {
    opacity: 1.0;
    margin-top: 0px;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1.0;
    margin-top: 0px;
  }
  to {
    opacity: 0.0;
    margin-top: -2em;
  }
}
body {
  margin: 0px;
  background: url("../img/background.png") repeat;
  font-family: MC;
}
nav {
  width: 100%;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.6);
}
nav ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
nav ul li a {
  float: left;
  font-size: 2em;
  width: calc(((100% - (2% * 6)) / 6) - (2 * 12px) - 1px);
  height: 1.5em;
  margin: 1%;
  line-height: 1.5em;
  text-align: center;
  color: #E0E0E0;
  text-shadow: 2px 2px #383838;
  border: 12px solid transparent;
  border-image-source: url("../img/barOuter1.png");
  border-image-slice: 12;
  border-image-width: 12px;
  border-image-outset: 0px;
  border-image-repeat: repeat;
  background: url("../img/barInner1.png") repeat;
  text-decoration: none;
}
nav ul li a:hover {
  background-image: url("../img/barInner2.png");
  border-image-source: url("../img/barOuter2.png");
  color: #FFFFA0;
  text-shadow: 2px 2px #3F3F28;
}
nav ul li a.disabled {
  background-image: url("../img/barInner3.png");
  border-image-source: url("../img/barOuter3.png");
  color: #A0A0A0;
  text-shadow: 2px 2px #282828;
}
nav ul li a.disabled:hover {
  background-image: url("../img/barInner3.png");
  border-image-source: url("../img/barOuter3.png");
}
nav subnav ul li a {
  width: calc(((100% - (2% * 5)) / 5) - (2 * 12px) - 1px);
  margin: 0px 1% 0.5% 1%;
}
footer {
  position: absolute;
  bottom: 0px;
  width: 100%;
}
footer ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
footer ul a {
  float: left;
  font-size: 1em;
  width: calc(((100% - (2% * 4)) / 4) - (2 * 4px) - 1px);
  height: 1.5em;
  margin: 1%;
  line-height: 1.5em;
  text-align: center;
  color: #685E4A;
  border: 4px solid transparent;
  border-image-source: url("../img/barOuter4.png");
  border-image-slice: 4;
  border-image-width: 4px;
  border-image-outset: 0px;
  border-image-repeat: repeat;
  background: url("../img/barInner4.png") repeat;
  text-decoration: none;
}
footer ul a:hover {
  background-image: url("../img/barInner5.png");
  border-image-source: url("../img/barOuter5.png");
  color: #FFFF80;
}
 footer ul a.disabled {
  background-image: url("../img/barInner6.png");
  border-image-source: url("../img/barOuter6.png");
  color: #342F25;
}
 footer ul a.disabled:hover {
  background-image: url("../img/barInner6.png");
  border-image-source: url("../img/barOuter6.png");
}