@font-face {
  font-family: 'Orbitron';
  src: url('../fonts/Orbitron/static/Orbitron-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Orbitron';
  src: url('../fonts/Orbitron/static/Orbitron-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

#stars {
  width: 1px;
  height: 1px;
  box-shadow: var(--stars-small);
  animation: animStar 50s linear infinite;
}

#stars2 {
  width: 2px;
  height: 2px;
  box-shadow: var(--stars-medium);
  animation: animStar 100s linear infinite;
}

#stars3 {
  width: 3px;
  height: 3px;
  box-shadow: var(--stars-large);
  animation: animStar 150s linear infinite;
}

@keyframes animStar {
    from {transform: translateY(0)}
    to {transform: translateY(-2000px);}

}

body{
    background-color: #0D0B11;
    font-family: 'Orbitron', sans-serif;
    color: #d1d1d1;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}