@font-face {
  font-family: Space-Mono;
  src: url("/media/fonts/Space-Mono/SpaceMono-Regular.ttf");
}

html {  
  --primary-color: #030014;
  --accent-color: #F0F0F0;
}

:defined {
  opacity: 1;
  transition: opacity 256ms;
}

:not(:defined) {
  opacity: 0;
  visibility: hidden;
}

html {
  min-width: 100%;
  min-height: 100%;
  padding: 0;
  margin: 0;
}

body {
  min-width: 100%;
  min-height: 100vh;
  padding: 0;
  margin: 0;
  color: var(--accent-color);
  caret-color: var(--accent-color);
  background: var(--primary-color);
  font-family: Space-Mono, system-ui;
}

footer {
  padding: var(--bui-spacing-x-small);
  text-align: center;
}

a {
  color: inherit;
  text-decoration: none;
}

h1 {
  font-size: 2.5em;
}

img {
  min-width: 400px;
  width: 40%;
  object-fit: contain;
}