@font-face {
  font-family: "OCR-A";
  src: url("fonts/OCRA.woff2") format("woff2"), url("fonts/OCRA.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Hymmnos";
  src: url("fonts/Hymmnos.woff2") format("woff2"), url("fonts/Hymmnos.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
html {
  background-color: black;
}

a {
  color: black;
}

button {
  cursor: pointer;
  background-color: transparent;
  border: none;
  margin: 0;
  padding: 0;
  text-align: inherit;
  font: inherit;
  border-radius: 0;
  appearance: none;
}

.mobile-footer {
  display: none;
}

/*
.frelia-logo {
  display: none;
}

.frelia-logo-blur {
  display: none;
}

.links {
  display: none;
}*/
body {
  margin: 0;
  overflow: hidden;
  color: black;
}

.terminal-bg {
  background-image: url("images/desktop_background_final-2.jpg");
}

@media (max-device-aspect-ratio: 1) {
  .terminal-bg {
    background-image: url("images/desktop_background_final-2_mobile.jpg");
  }
}
li {
  list-style-image: url("images/bullet-3.png");
}

.scan-lines {
  background-image: url("images/scan_lines_transparent_overlay_512.png");
}

.startup-hymmnos-1 {
  font-family: "Hymmnos", monospace;
}

.startup-terminal-log {
  font-family: "OCR-A";
}

#startup-loader {
  position: fixed;
  overflow: hidden;
  top: 40%;
  left: 46.5%;
  color: hsl(150, 50%, 30%);
  transform: rotate(0);
  transform-origin: center;
  height: 7vh;
  animation-duration: 0.75s, 1.25s;
  animation-name: fadein, rotate;
  animation-timing-function: ease-in-out, ease-in-out;
  animation-iteration-count: 1, infinite;
}

@media (max-aspect-ratio: 1.1) {
  #startup-loader {
    height: 7svh;
    top: 40svh;
    left: calc(50svw - 3.5svh);
  }
}
@keyframes rotate {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}