body {
  background-color: #000000;
  font-family: "FuturaDemi";
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

@font-face {
  font-family: "FuturaBook";
  src: url("/fonts/FuturaPTBook.otf");
}

@font-face {
  font-family: "FuturaMedium";
  src: url("/fonts/FuturaPTMedium.otf");
}

@font-face {
  font-family: "FuturaDemi";
  src: url("/fonts/FuturaPTDemi.otf");
}

@font-face {
  font-family: "FuturaBold";
  src: url("/fonts/FuturaPTBold.otf");
}

@font-face {
  font-family: "FuturaHeavy";
  src: url("/fonts/FuturaPTHeavy.otf");
}

* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
}


#stage {
    background-color: #abceed;
    position: absolute;
    margin: 0px;
    z-index: 6;
    overflow: hidden;
}


.screen {

  background-color: #000000;
  overflow-y: auto;
  overflow-x: hidden;
}

.hide {
  display: none;
}

.flex {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}

#content {
  width: 100%;
    height: 100%;
  left: 0%;
  top: 10%;
  position: absolute;
  background-color: #EFEFEF;
  z-index: 10;
  font-size: 0.5rem;
}

#header {
  width: 100%;
  height: 10%;
  left: 0%;
  top: 0%;
  z-index: 200;
  background-color: #ffffff;
}

#simpleLogo{
  width: 30%;
  height: auto;
  margin: 0%;
  left: 45%;
  top: 25%;
  position: absolute;
}

.navlink {
  margin: 0.125rem 0rem 0.125rem 0rem;
  color: black;
  text-decoration: none;
  text-align: center;
  display: block;
}

.navlink:hover {
  background-color: #aba9a8;
}

.navlink:active {

}

.navli {
  position: relative;
  float: left;
  padding-top: 2.5%;
  padding-left: 0.5%;
  padding-right: 0.5%;
  width: 18%;
  font-size: 0.5rem;
  height: 1.5rem;
}

.navli:hover {

}

#navul {
  list-style-type: none;
  text-indent: none;
  padding: 0rem;
  margin: 0rem;
  width: 100%;
  position: absolute;
}

#header a { text-decoration: none; color:#000; }
#header a:visited { text-decoration: none; color:#000; }
#header a:hover { text-decoration: none; color:#000; }
#header a:focus { text-decoration: none; color:#000; }
#header a:hover, .navBtn:active { text-decoration: none; color:#000; }

#content a { text-decoration: none; color: #A9A9A9; }
#content a:visited { text-decoration: none; color: #A9A9A9; }
#content a:hover { text-decoration: none; color: #A9A9A9; }
#content a:focus { text-decoration: none; color: #A9A9A9; }
#content a:hover, .navBtn:active { text-decoration: none; color: #A9A9A9; }