:root {
  --bg-color: #ffffff;
  --text-color: #0b1215;
  --accent-color: #0000EE;
  --light-gray: #f5f5f5;
  --shadow-color: #000000;

  --font-vg5000: 'vg5000_regularregular', sans-serif;
  --font-karrik: 'karrikregular', 'arial', sans-serif;
  --font-terminal: 'terminal_grotesqueregular', sans-serif;
  --font-terminal-open: 'terminal_grotesque_openopen', sans-serif;
  --font-blocus: 'blocusregular', sans-serif;

  --border-thick: 3px solid var(--text-color);
  --border-thin: 1px solid var(--text-color);
  --box-shadow-standard: 3px 4px 0px 1px var(--shadow-color);
}

@font-face {
  font-family: 'vg5000_regularregular';
  src: url('/fonts/vg5000-regular_web-webfont.woff2') format('woff2'),
    url('/fonts/vg5000-regular_web-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'karrikregular';
  src: url('/fonts/karrik-regular-webfont.woff2') format('woff2'),
    url('/fonts/karrik-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'terminal_grotesqueregular';
  src: url('/fonts/terminal-grotesque-webfont.woff2') format('woff2'),
    url('/fonts/terminal-grotesque-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'terminal_grotesque_openopen';
  src: url('/fonts/terminal-grotesque-webfont.woff2') format('woff2'),
    url('/fonts/terminal-grotesque_open-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'blocusregular';
  src: url('/fonts/blocuswebfont.eot');
  src: url('/fonts/blocuswebfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/blocuswebfont.woff') format('woff'),
    url('/fonts/blocuswebfont.ttf') format('truetype'),
    url('/fonts/blocuswebfont.svg#blocusregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Fungal-Grow-400-Thickness-500';
  src: url('/fonts/Fungal-Grow400Thickness500.eot');
  src: url('/fonts/Fungal-Grow400Thickness500.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Fungal-Grow400Thickness500.woff2') format('woff2'),
    url('/fonts/Fungal-Grow400Thickness500.woff') format('woff'),
    url('/fonts/Fungal-Grow400Thickness500.ttf') format('truetype'),
    url('Fungal-Grow400Thickness500.svg#Fungal-Grow400Thickness500') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fungal-Grow-300-Thickness-500';
  src: url('/fonts/Fungal-Grow300Thickness500.eot');
  src: url('/fonts/Fungal-Grow300Thickness500.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Fungal-Grow300Thickness500.woff2') format('woff2'),
    url('/fonts/Fungal-Grow300Thickness500.woff') format('woff'),
    url('/fonts/Fungal-Grow300Thickness500.ttf') format('truetype'),
    url('/fonts/Fungal-Grow300Thickness500.svg#Fungal-Grow300Thickness500') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fungal-Grow-400-Thickness-500-Alt';
  src: url('/fonts/Fungal-Grow400Thickness500_1.eot');
  src: url('/fonts/Fungal-Grow400Thickness500_1.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Fungal-Grow400Thickness500_1.woff2') format('woff2'),
    url('/fonts/Fungal-Grow400Thickness500_1.woff') format('woff'),
    url('/fonts/Fungal-Grow400Thickness500_1.ttf') format('truetype'),
    url('/fonts/Fungal-Grow400Thickness500_1.svg#Fungal-Grow400Thickness500') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fungal-Grow-200-Thickness-1000';
  src: url('/fonts/Fungal-Grow200Thickness1000.eot');
  src: url('/fonts/Fungal-Grow200Thickness1000.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Fungal-Grow200Thickness1000.woff2') format('woff2'),
    url('/fonts/Fungal-Grow200Thickness1000.woff') format('woff'),
    url('/fonts/Fungal-Grow200Thickness1000.ttf') format('truetype'),
    url('/fonts/Fungal-Grow200Thickness1000.svg#Fungal-Grow200Thickness1000') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fungal-Grow-300-Thickness-1000';
  src: url('/fonts/Fungal-Grow300Thickness1000.eot');
  src: url('/fonts/Fungal-Grow300Thickness1000.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Fungal-Grow300Thickness1000.woff2') format('woff2'),
    url('/fonts/Fungal-Grow300Thickness1000.woff') format('woff'),
    url('/fonts/Fungal-Grow300Thickness1000.ttf') format('truetype'),
    url('/fonts/Fungal-Grow300Thickness1000.svg#Fungal-Grow300Thickness1000') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fungal-Grow-300-Thickness-500-Alt';
  src: url('/fonts/Fungal-Grow300Thickness500_1.eot');
  src: url('/fonts/Fungal-Grow300Thickness500_1.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Fungal-Grow300Thickness500_1.woff2') format('woff2'),
    url('/fonts/Fungal-Grow300Thickness500_1.woff') format('woff'),
    url('/fonts/Fungal-Grow300Thickness500_1.ttf') format('truetype'),
    url('/fonts/Fungal-Grow300Thickness500_1.svg#Fungal-Grow300Thickness500') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fungal-Grow-200-Thickness-1000-Alt';
  src: url('/fonts/Fungal-Grow200Thickness1000_1.eot');
  src: url('/fonts/Fungal-Grow200Thickness1000_1.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Fungal-Grow200Thickness1000_1.woff2') format('woff2'),
    url('/fonts/Fungal-Grow200Thickness1000_1.woff') format('woff'),
    url('/fonts/Fungal-Grow200Thickness1000_1.ttf') format('truetype'),
    url('/fonts/Fungal-Grow200Thickness1000_1.svg#Fungal-Grow200Thickness1000') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fungal-Grow-300-Thickness-1000-Alt';
  src: url('/fonts/Fungal-Grow300Thickness1000_1.eot');
  src: url('/fonts/Fungal-Grow300Thickness1000_1.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Fungal-Grow300Thickness1000_1.woff2') format('woff2'),
    url('/fonts/Fungal-Grow300Thickness1000_1.woff') format('woff'),
    url('/fonts/Fungal-Grow300Thickness1000_1.ttf') format('truetype'),
    url('/fonts/Fungal-Grow300Thickness1000_1.svg#Fungal-Grow300Thickness1000') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fungal-Grow-400-Thickness-1000';
  src: url('/fonts/Fungal-Grow400Thickness1000.eot');
  src: url('/fonts/Fungal-Grow400Thickness1000.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Fungal-Grow400Thickness1000.woff2') format('woff2'),
    url('/fonts/Fungal-Grow400Thickness1000.woff') format('woff'),
    url('/fonts/Fungal-Grow400Thickness1000.ttf') format('truetype'),
    url('/fonts/Fungal-Grow400Thickness1000.svg#Fungal-Grow400Thickness1000') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fungal-Grow-600-Thickness-500';
  src: url('/fonts/Fungal-Grow600Thickness500.eot');
  src: url('/fonts/Fungal-Grow600Thickness500.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Fungal-Grow600Thickness500.woff2') format('woff2'),
    url('/fonts/Fungal-Grow600Thickness500.woff') format('woff'),
    url('/fonts/Fungal-Grow600Thickness500.ttf') format('truetype'),
    url('/fonts/Fungal-Grow600Thickness500.svg#Fungal-Grow600Thickness500') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fungal-Grow-700-Thickness-500';
  src: url('/fonts/Fungal-Grow700Thickness500.eot');
  src: url('/fonts/Fungal-Grow700Thickness500.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Fungal-Grow700Thickness500.woff2') format('woff2'),
    url('/fonts/Fungal-Grow700Thickness500.woff') format('woff'),
    url('/fonts/Fungal-Grow700Thickness500.ttf') format('truetype'),
    url('/fonts/Fungal-Grow700Thickness500.svg#Fungal-Grow700Thickness500') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fungal-Grow-500-Thickness-500';
  src: url('/fonts/Fungal-Grow500Thickness500.eot');
  src: url('/fonts/Fungal-Grow500Thickness500.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Fungal-Grow500Thickness500.woff2') format('woff2'),
    url('/fonts/Fungal-Grow500Thickness500.woff') format('woff'),
    url('/fonts/Fungal-Grow500Thickness500.ttf') format('truetype'),
    url('/fonts/Fungal-Grow500Thickness500.svg#Fungal-Grow500Thickness500') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fungal-Grow-500-Thickness-1000';
  src: url('/fonts/Fungal-Grow500Thickness1000.eot');
  src: url('/fonts/Fungal-Grow500Thickness1000.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Fungal-Grow500Thickness1000.woff2') format('woff2'),
    url('/fonts/Fungal-Grow500Thickness1000.woff') format('woff'),
    url('/fonts/Fungal-Grow500Thickness1000.ttf') format('truetype'),
    url('/fonts/Fungal-Grow500Thickness1000.svg#Fungal-Grow500Thickness1000') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fungal-Grow-600-Thickness-500-Alt';
  src: url('/fonts/Fungal-Grow600Thickness500_1.eot');
  src: url('/fonts/Fungal-Grow600Thickness500_1.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Fungal-Grow600Thickness500_1.woff2') format('woff2'),
    url('/fonts/Fungal-Grow600Thickness500_1.woff') format('woff'),
    url('/fonts/Fungal-Grow600Thickness500_1.ttf') format('truetype'),
    url('/fonts/Fungal-Grow600Thickness500_1.svg#Fungal-Grow600Thickness500') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fungal-Grow-400-Thickness-1000-Alt';
  src: url('/fonts/Fungal-Grow400Thickness1000_1.eot');
  src: url('/fonts/Fungal-Grow400Thickness1000_1.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Fungal-Grow400Thickness1000_1.woff2') format('woff2'),
    url('/fonts/Fungal-Grow400Thickness1000_1.woff') format('woff'),
    url('/fonts/Fungal-Grow400Thickness1000_1.ttf') format('truetype'),
    url('/fonts/Fungal-Grow400Thickness1000_1.svg#Fungal-Grow400Thickness1000') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fungal-Grow-500-Thickness-500-Alt';
  src: url('/fonts/Fungal-Grow500Thickness500_1.eot');
  src: url('/fonts/Fungal-Grow500Thickness500_1.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Fungal-Grow500Thickness500_1.woff2') format('woff2'),
    url('/fonts/Fungal-Grow500Thickness500_1.woff') format('woff'),
    url('/fonts/Fungal-Grow500Thickness500_1.ttf') format('truetype'),
    url('/fonts/Fungal-Grow500Thickness500_1.svg#Fungal-Grow500Thickness500') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fungal-Grow-600-Thickness-1000';
  src: url('/fonts/Fungal-Grow600Thickness1000.eot');
  src: url('/fonts/Fungal-Grow600Thickness1000.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Fungal-Grow600Thickness1000.woff2') format('woff2'),
    url('/fonts/Fungal-Grow600Thickness1000.woff') format('woff'),
    url('/fonts/Fungal-Grow600Thickness1000.ttf') format('truetype'),
    url('/fonts/Fungal-Grow600Thickness1000.svg#Fungal-Grow600Thickness1000') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fungal-Grow-500-Thickness-1000-Alt';
  src: url('/fonts/Fungal-Grow500Thickness1000_1.eot');
  src: url('/fonts/Fungal-Grow500Thickness1000_1.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Fungal-Grow500Thickness1000_1.woff2') format('woff2'),
    url('/fonts/Fungal-Grow500Thickness1000_1.woff') format('woff'),
    url('/fonts/Fungal-Grow500Thickness1000_1.ttf') format('truetype'),
    url('/fonts/Fungal-Grow500Thickness1000_1.svg#Fungal-Grow500Thickness1000') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fungal-Grow-600-Thickness-1000-Alt';
  src: url('/fonts/Fungal-Grow600Thickness1000_1.eot');
  src: url('/fonts/Fungal-Grow600Thickness1000_1.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Fungal-Grow600Thickness1000_1.woff2') format('woff2'),
    url('/fonts/Fungal-Grow600Thickness1000_1.woff') format('woff'),
    url('/fonts/Fungal-Grow600Thickness1000_1.ttf') format('truetype'),
    url('/fonts/Fungal-Grow600Thickness1000_1.svg#Fungal-Grow600Thickness1000') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fungal-Grow-800-Thickness-500';
  src: url('/fonts/Fungal-Grow800Thickness500.eot');
  src: url('/fonts/Fungal-Grow800Thickness500.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Fungal-Grow800Thickness500.woff2') format('woff2'),
    url('/fonts/Fungal-Grow800Thickness500.woff') format('woff'),
    url('/fonts/Fungal-Grow800Thickness500.ttf') format('truetype'),
    url('/fonts/Fungal-Grow800Thickness500.svg#Fungal-Grow800Thickness500') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fungal-Grow-700-Thickness-1000';
  src: url('/fonts/Fungal-Grow700Thickness1000.eot');
  src: url('/fonts/Fungal-Grow700Thickness1000.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Fungal-Grow700Thickness1000.woff2') format('woff2'),
    url('/fonts/Fungal-Grow700Thickness1000.woff') format('woff'),
    url('/fonts/Fungal-Grow700Thickness1000.ttf') format('truetype'),
    url('/fonts/Fungal-Grow700Thickness1000.svg#Fungal-Grow700Thickness1000') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fungal-Grow-700-Thickness-500-Alt';
  src: url('/fonts/Fungal-Grow700Thickness500_1.eot');
  src: url('/fonts/Fungal-Grow700Thickness500_1.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Fungal-Grow700Thickness500_1.woff2') format('woff2'),
    url('/fonts/Fungal-Grow700Thickness500_1.woff') format('woff'),
    url('/fonts/Fungal-Grow700Thickness500_1.ttf') format('truetype'),
    url('/fonts/Fungal-Grow700Thickness500_1.svg#Fungal-Grow700Thickness500') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fungal-Grow-900-Thickness-500';
  src: url('/fonts/Fungal-Grow900Thickness500.eot');
  src: url('/fonts/Fungal-Grow900Thickness500.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Fungal-Grow900Thickness500.woff2') format('woff2'),
    url('/fonts/Fungal-Grow900Thickness500.woff') format('woff'),
    url('/fonts/Fungal-Grow900Thickness500.ttf') format('truetype'),
    url('/fonts/Fungal-Grow900Thickness500.svg#Fungal-Grow900Thickness500') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fungal-Grow-800-Thickness-500-Alt';
  src: url('/fonts/Fungal-Grow800Thickness500_1.eot');
  src: url('/fonts/Fungal-Grow800Thickness500_1.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Fungal-Grow800Thickness500_1.woff2') format('woff2'),
    url('/fonts/Fungal-Grow800Thickness500_1.woff') format('woff'),
    url('/fonts/Fungal-Grow800Thickness500_1.ttf') format('truetype'),
    url('/fonts/Fungal-Grow800Thickness500_1.svg#Fungal-Grow800Thickness500') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fungal-Grow-700-Thickness-1000-Alt';
  src: url('/fonts/Fungal-Grow700Thickness1000_1.eot');
  src: url('/fonts/Fungal-Grow700Thickness1000_1.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Fungal-Grow700Thickness1000_1.woff2') format('woff2'),
    url('/fonts/Fungal-Grow700Thickness1000_1.woff') format('woff'),
    url('/fonts/Fungal-Grow700Thickness1000_1.ttf') format('truetype'),
    url('/fonts/Fungal-Grow700Thickness1000_1.svg#Fungal-Grow700Thickness1000') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fungal-Grow-800-Thickness-1000';
  src: url('/fonts/Fungal-Grow800Thickness1000.eot');
  src: url('/fonts/Fungal-Grow800Thickness1000.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Fungal-Grow800Thickness1000.woff2') format('woff2'),
    url('/fonts/Fungal-Grow800Thickness1000.woff') format('woff'),
    url('/fonts/Fungal-Grow800Thickness1000.ttf') format('truetype'),
    url('/fonts/Fungal-Grow800Thickness1000.svg#Fungal-Grow800Thickness1000') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fungal-Grow-800-Thickness-1000-Alt';
  src: url('/fonts/Fungal-Grow800Thickness1000_1.eot');
  src: url('/fonts/Fungal-Grow800Thickness1000_1.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Fungal-Grow800Thickness1000_1.woff2') format('woff2'),
    url('/fonts/Fungal-Grow800Thickness1000_1.woff') format('woff'),
    url('/fonts/Fungal-Grow800Thickness1000_1.ttf') format('truetype'),
    url('/fonts/Fungal-Grow800Thickness1000_1.svg#Fungal-Grow800Thickness1000') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fungal-Grow-900-Thickness-500-Alt';
  src: url('/fonts/Fungal-Grow900Thickness500_1.eot');
  src: url('/fonts/Fungal-Grow900Thickness500_1.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Fungal-Grow900Thickness500_1.woff2') format('woff2'),
    url('/fonts/Fungal-Grow900Thickness500_1.woff') format('woff'),
    url('/fonts/Fungal-Grow900Thickness500_1.ttf') format('truetype'),
    url('/fonts/Fungal-Grow900Thickness500_1.svg#Fungal-Grow900Thickness500') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fungal-Grow-0-Thickness-500';
  src: url('/fonts/Fungal-Grow0Thickness500.eot');
  src: url('/fonts/Fungal-Grow0Thickness500.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Fungal-Grow0Thickness500.woff2') format('woff2'),
    url('/fonts/Fungal-Grow0Thickness500.woff') format('woff'),
    url('/fonts/Fungal-Grow0Thickness500.ttf') format('truetype'),
    url('/fonts/Fungal-Grow0Thickness500.svg#Fungal-Grow0Thickness500') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fungal-Grow-0-Thickness-500-Alt';
  src: url('/fonts/Fungal-Grow0Thickness500_1.eot');
  src: url('/fonts/Fungal-Grow0Thickness500_1.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Fungal-Grow0Thickness500_1.woff2') format('woff2'),
    url('/fonts/Fungal-Grow0Thickness500_1.woff') format('woff'),
    url('/fonts/Fungal-Grow0Thickness500_1.ttf') format('truetype'),
    url('/fonts/Fungal-Grow0Thickness500_1.svg#Fungal-Grow0Thickness500') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Avara';
  src: url('Avara-BoldItalic.eot');
  src: url('Avara-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('Avara-BoldItalic.woff2') format('woff2'),
    url('Avara-BoldItalic.woff') format('woff'),
    url('Avara-BoldItalic.ttf') format('truetype'),
    url('Avara-BoldItalic.svg#Avara-BoldItalic') format('svg');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Avara';
  src: url('Avara-Black.eot');
  src: url('Avara-Black.eot?#iefix') format('embedded-opentype'),
    url('Avara-Black.woff2') format('woff2'),
    url('Avara-Black.woff') format('woff'),
    url('Avara-Black.ttf') format('truetype'),
    url('Avara-Black.svg#Avara-Black') format('svg');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Avara';
  src: url('Avara-BoldItalic_1.eot');
  src: url('Avara-BoldItalic_1.eot?#iefix') format('embedded-opentype'),
    url('Avara-BoldItalic_1.woff2') format('woff2'),
    url('Avara-BoldItalic_1.woff') format('woff'),
    url('Avara-BoldItalic_1.ttf') format('truetype'),
    url('Avara-BoldItalic_1.svg#Avara-BoldItalic') format('svg');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Avara';
  src: url('Avara-Black_1.eot');
  src: url('Avara-Black_1.eot?#iefix') format('embedded-opentype'),
    url('Avara-Black_1.woff2') format('woff2'),
    url('Avara-Black_1.woff') format('woff'),
    url('Avara-Black_1.ttf') format('truetype'),
    url('Avara-Black_1.svg#Avara-Black') format('svg');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Avara';
  src: url('/fonts/Avara-Bold.eot');
  src: url('/fonts/Avara-Bold.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Avara-Bold.woff2') format('woff2'),
    url('/fonts/Avara-Bold.woff') format('woff'),
    url('/fonts/Avara-Bold.ttf') format('truetype'),
    url('/fonts/Avara-Bold.svg#Avara-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Avara';
  src: url('/fonts/Avara-BoldItalic_2.eot');
  src: url('/fonts/Avara-BoldItalic_2.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Avara-BoldItalic_2.woff2') format('woff2'),
    url('/fonts/Avara-BoldItalic_2.woff') format('woff'),
    url('/fonts/Avara-BoldItalic_2.ttf') format('truetype'),
    url('/fonts/Avara-BoldItalic_2.svg#Avara-BoldItalic') format('svg');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Avara';
  src: url('/fonts/Avara-Bold_1.eot');
  src: url('/fonts/Avara-Bold_1.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Avara-Bold_1.woff2') format('woff2'),
    url('/fonts/Avara-Bold_1.woff') format('woff'),
    url('/fonts/Avara-Bold_1.ttf') format('truetype'),
    url('/fonts/Avara-Bold_1.svg#Avara-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Avara';
  src: url('/fonts/Avara-Black_2.eot');
  src: url('/fonts/Avara-Black_2.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Avara-Black_2.woff2') format('woff2'),
    url('/fonts/Avara-Black_2.woff') format('woff'),
    url('/fonts/Avara-Black_2.ttf') format('truetype'),
    url('/fonts/Avara-Black_2.svg#Avara-Black') format('svg');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Avara';
  src: url('/fonts/Avara-Bold_2.eot');
  src: url('/fonts/Avara-Bold_2.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Avara-Bold_2.woff2') format('woff2'),
    url('/fonts/Avara-Bold_2.woff') format('woff'),
    url('/fonts/Avara-Bold_2.ttf') format('truetype'),
    url('/fonts/Avara-Bold_2.svg#Avara-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

::-webkit-scrollbar {
  width: 12px;
}

::-webkit-scrollbar-track {
  background: var(--bg-color);
  border-left: 1px solid var(--text-color);
}

::-webkit-scrollbar-thumb {
  background: var(--text-color);
  border: 3px solid var(--text-color);
}

::-webkit-scrollbar-thumb:hover {
  background: #666;
}

body {
  margin: 0;
  padding: 0;
  background-color: var(--bg-color);
  color: var(--text-color);
  font-family: var(--font-vg5000);
}

a {
  color: var(--accent-color);
  text-decoration: none;
}

a:hover,
a:visited:hover {
  background-color: var(--accent-color);
  text-decoration: none;
}

a:visited {
  color: var(--accent-color);
}