@font-face {
  font-family: forceRunnerOut;
  src: url(../font/forcerunnerout.ttf);
}

@font-face {
  font-family: robotoRegular;
  src: url(../font/Roboto-Regular.ttf);
}

html {
  /*height: 100%;*/
  /*overflow: hidden;*/
}

html, body {
  font-family: forceRunnerOut,Arial,sans-serif;
  margin: 0;
  color: ghostwhite;
  /*background: #404040;*/
}

html {
  font-size: 16px;
}

#foo {
  font-family: robotoRegular,Arial,sans-serif;
}

@media screen and (min-width: 320px) {
  html {
    font-size: calc(16px + 6 * ((100vw - 320px) / 680));
  }
}
@media screen and (min-width: 1000px) {
  html {
    font-size: 42px;
  }
}

h1 {
  text-align: center;
  /*font-size: calc(36px + (44 - 36) * ((100vw - 360px) / (2499 - 360)));*/
  /*font-size: 4em;*/
  font-style: italic;
}

a:link {
  color: white;
  /*text-decoration: none;*/
}

a:visited {
  color: white;
}

a:hover {
  color: white;
  text-decoration: underline;
}

a:active {
  color: white;
  text-decoration: none;
}

#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}

/* Scrollbar */
html {
  /*scrollbar-width: thin;*/
  scrollbar-color: #cd0002 white;
}

/* Ab hier für die Browser ausser Firefox */
body::-webkit-scrollbar {
  width: 17px;
}

body::-webkit-scrollbar-track {
  background-color: white;
}

body::-webkit-scrollbar-thumb {
  background-color: #cd0002;
  border-left: 1px solid white;
}