html {
  background  : var(--theme-bg);
}

body {
  position    : fixed;
  inset       : 0;
  margin      : 0;
  overflow    : hidden;
  background  : var(--theme-bg);
}

@font-face {
  font-family     : "Barlow Condensed";
  src             : url("/fonts/BarlowCondensed-Medium.woff2") format("woff2");
  font-style      : normal;
  font-weight     : 500;
  font-display    : swap;
}

@font-face {
  font-family     : "Caskaydia Mono Nerd Font";
  src             : url("/fonts/CaskaydiaMonoNerdFont-Regular.woff2") format("woff2");
  font-style      : normal;
  font-weight     : 400;
  font-display    : swap;
}

@font-face {
  font-family     : "Caskaydia Mono Nerd Font";
  src             : url("/fonts/CaskaydiaMonoNerdFont-Bold.woff2") format("woff2");
  font-style      : normal;
  font-weight     : 700;
  font-display    : swap;
}

@font-face {
  font-family     : "Caskaydia Mono Nerd Font";
  src             : url("/fonts/CaskaydiaMonoNerdFont-Italic.woff2") format("woff2");
  font-style      : italic;
  font-weight     : 400;
  font-display    : swap;
}

@font-face {
  font-family     : "Caskaydia Mono Nerd Font";
  src             : url("/fonts/CaskaydiaMonoNerdFont-BoldItalic.woff2") format("woff2");
  font-style      : italic;
  font-weight     : 700;
  font-display    : swap;
}