@font-face
{
  font-family: 'Harlow Solid Italic';
  src: url('fonts/HarlowSolidItalic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
}

.companyFont
{
  font-family: 'Harlow Solid Italic', cursive;
  font-style: italic;
}



body
{
    margin: 0;
    padding: 0;

    padding-bottom: 2em;
}

:root
{
    background: var(--color-background-main);
    color: var(--color-text-primary);

    cursor: default;
    user-select: none;

    /* font */
    font-family: var(--font-primary);
    font-size: var(--font-label);
    --font-primary: 'Inter', sans-serif;

    /* Color Variables */
    --color-text-primary: #EFEFEF;
    --color-text-secondary: #6B6B6B;

    --color-background-main: #141414;
    --color-background-primary: #202020;
    --color-background-primary-II: #101010;
    
    --color-background-secondary: #141414;
    --color-background-secondary-II: #1A1A1A;
    --color-background-secondary-III: #111010;
    --color-background-secondary-IV: #121212;

    --color-background-border: #202020;
    --color-background-border-II: #353535;

    --layout-infobanner-height: 70px;

    --color-highlight-purple: #8F00FF;
    --color-highlight-red-light: #A6175A;
    --color-highlight-red-dark: #740d3d;
    --color-highlight-cyan-I: #6E99B4;
    --color-highlight-cyan-II: #97D7FF;
}