// ── Self-hosted fonts ─────────────────────────────────────────────────────────
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('assets/fonts/open-sans-condensed-300.woff2') format('woff2');
}

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

@import 'library/main';

$line-height: 2px;

* {
  margin: 0;
  padding: 0;

  &:active,
  &:focus:not(:focus-visible) {
    outline: 0;
  }

  &::selection {
    background: $text-color;
    color: $light-color;
  }

  &::placeholder {
    user-select: none;
  }
}

html {
  height: 100%;
  background-color: $text-color;
  scrollbar-gutter: stable;
  overflow-y: scroll; // fallback for Safari < 16
}

body {
  height: 100%;
  background: $background-gradient-opaque;
  text-align: center;
  padding: var(--large-padding);
  box-sizing: border-box;
  position: relative;
}