@font-face {
  font-family: 'Meslo';
  font-style: normal;
  font-weight: 400;
  src: url('/static/fonts/MesloLGM-Regular.woff') format('woff');
}

@font-face {
  font-family: 'Meslo';
  font-style: normal;
  font-weight: 700;
  src: url('/static/fonts/MesloLGM-Bold.woff') format('woff');
}

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/static/fonts/IBMPlexSans-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  src: url('/static/fonts/IBMPlexSans-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/static/fonts/IBMPlexSans-Bold.ttf') format('truetype');
}




:root {
  --base03: #002b36;
  --base02: #073642;
  --base01: #586e75;
  --base00: #657b83;
  --base0: #839496;
  --base1: #93a1a1;
  --base2: #eee8d5;
  --base3: #fdf6e3;
  --yellow: #b58900;
  --orange: #cb4b16;
  --red: #dc322f;
  --magenta: #d33682;
  --violet: #6c71c4;
  --blue: #268bd2;
  --cyan: #2aa198;
  --green: #859900;
}



body.dark_mode {
  --base3: #002b36;
  --base2: #073642;
  --base1: #586e75;
  --base0: #657b83;
  --base00: #839496;
  --base01: #93a1a1;
  --base02: #eee8d5;
  --base03: #fdf6e3;
}

body {
  font-variant-ligatures: none;
  font-family: 'Meslo', monospace;
  margin: 0;
  background: var(--base3);
  color: var(--base00);
}