@font-face {
  font-family: SpaceGrotesk;
  src:  url(../src/SpaceGrotesk-Regular.woff) format('woff'),
        url(../src/SpaceGrotesk-Regular.woff2) format('woff2');
}

@font-face {
  font-family: SpaceGroteskMedium;
  src:  url(../src/SpaceGrotesk-Medium.woff) format('woff'),
        url(../src/SpaceGrotesk-Medium.woff2) format('woff2');
}

@font-face {
  font-family: SpaceGroteskBold;
  src:  url(../src/SpaceGrotesk-Bold.woff) format('woff'),
        url(../src/SpaceGrotesk-Bold.woff2) format('woff2');
  font-weight: bold;
}

* {
  font-family: SpaceGrotesk, sans-serif;

  margin: 0;
  padding: 0;

  animation:            fadein 0.4s;
    -moz-animation:     fadein 0.4s; /* Firefox */
    -webkit-animation:  fadein 0.4s; /* Safari and Chrome */
    -o-animation:       fadein 0.4s; /* Opera */
}

@keyframes          fadein { from { opacity: 0; } to { opacity: 1; } }
@-moz-keyframes     fadein { from { opacity: 0; } to { opacity: 1; } }
@-webkit-keyframes  fadein { from { opacity: 0; } to { opacity: 1; } }
@-o-keyframes       fadein { from { opacity: 0; } to { opacity: 1; } }

.nonanimated {
  animation:            none !important;
    -moz-animation:     none !important; /* Firefox */
    -webkit-animation:  none !important; /* Safari and Chrome */
    -o-animation:       none !important; /* Opera */
}

html {
  font-size: 2vh;
  scroll-behavior: smooth;
}

body {
  background: #efefef;
  color: #161616;

  overflow-x: hidden;
  overflow-y: default;

  font-size: 1rem;

  overflow-wrap: break-word;
}

a {
  outline: 0;

  font-family: SpaceGroteskBold, sans-serif;
  text-decoration: underline;
  color: #ed2124;
} a:visited { color: #ed2124; }

.nondecorated-link {
  text-decoration: none !important;
} .nondecorated-link:hover { text-decoration: underline !important; }

.inactive-link {
  text-decoration: line-through !important;
  color: #bababa;
} .inactive-link:hover { text-decoration: line-through !important; }

.goto-link:hover:before{
  content: 'GOTO: ';
}

.dark-bg {
  background: #161616;
  color: #efefef;

  overflow-wrap: normal;
}

.transparent-panel {
  background-color: rgba(239,239,239,0.96);
}

.transparent-panel-dark {
  background-color: #161616;
  background-color: rgba(22,22,22,0.96);
}

.spaced-header {
  padding: 4px;
  line-height: 1.2 !important;
}

.compact-header {
  font-family: SpaceGroteskMedium, sans-serif;
}

.emphasis { text-decoration: underline !important; }
.emphasis-bold { font-family: SpaceGroteskBold, sans-serif; }

.coming-soon {
  margin-top: 4vh;
}