@font-face {
  font-family: 'Pangram Regular';
  font-style: normal;
  font-weight: normal;
  src: local('Pangram Regular'), url('/assets/fonts/Pangram-Regular.otf');
}

@font-face {
  font-family: 'Pangram Bold';
  font-style: normal;
  font-weight: normal;
  src: local('Pangram Bold'), url('/assets/fonts/Pangram-Bold.otf');
}

@font-face {
  font-family: 'Pangram Extra Bold';
  font-style: normal;
  font-weight: normal;
  src: local('Pangram Extra Bold'), url('/assets/fonts/Pangram-ExtraBold.otf');
}

@font-face {
  font-family: 'Pangram Extra Light';
  font-style: normal;
  font-weight: normal;
  src: local('Pangram Extra Light'), url('/assets/fonts/Pangram-ExtraLight.otf');
}

@font-face {
  font-family: 'Pangram Light';
  font-style: normal;
  font-weight: normal;
  src: local('Pangram Light'), url('/assets/fonts/Pangram-Light.otf');
}

@font-face {
  font-family: 'Pangram Medium';
  font-style: normal;
  font-weight: normal;
  src: local('Pangram Medium'), url('/assets/fonts/Pangram-Medium.otf');
}

@font-face {
  font-family: 'Pangram Black';
  font-style: normal;
  font-weight: normal;
  src: local('Pangram Black'), url('/assets/fonts/Pangram-Black.otf');
}

:root {
  --color-utility-warning: rgba(242, 182, 0, 1.0);
  --color-utility-critical: rgba(232, 28, 0, 1.0);

  --novo-green: #00BC70;
  --novo-dark-gray: #636569;
  --novo-light-gray: #BBB;

  --space-eighth: 2px;
  --space-quarter: 4px;
  --space-half: 8px;
  --space-one: 16px;
  --space-one-and-half: 24px;
  --space-two: 32px;
  --space-three: 48px;
  --space-four: 64px;
}


* {
    box-sizing: border-box;
    scrollbar-width: none
}

*::-webkit-scrollbar {
        display: none;
}

html {
    height: 100%;
    overflow: -moz-scrollbars-none;
}

#app {
  flex: 1;
}

body {
  color: var(--novo-dark-gray);
  display: flex;
  font: 16px "Pangram Regular", sans-serif;
  min-height: 100%;
  margin: 0;
}

a {
  cursor: pointer;
  text-decoration: none;
}