/* roboto-300normal - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src:
    local('Roboto Regular '),
    local('Roboto-Regular'),
    url('./roboto-latin-300.woff2') format('woff2');
}

/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-display: swap;
  font-weight: 300;
  src:
    local('Roboto Regular italic'),
    local('Roboto-Regularitalic'),
    url('./roboto-latin-300italic.woff2') format('woff2');
}

/* roboto-400normal - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src:
    local('Roboto Regular '),
    local('Roboto-Regular'),
    url('./roboto-latin-400.woff2') format('woff2');
}

/* roboto-400italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src:
    local('Roboto Regular italic'),
    local('Roboto-Regularitalic'),
    url('./roboto-latin-400italic.woff2') format('woff2');
}

/* roboto-500normal - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src:
    local('Roboto Regular '),
    local('Roboto-Regular'),
    url('./roboto-latin-500.woff2') format('woff2');
}

/* roboto-500italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-display: swap;
  font-weight: 500;
  src:
    local('Roboto Regular italic'),
    local('Roboto-Regularitalic'),
    url('./roboto-latin-500italic.woff2') format('woff2');
}

/* roboto-mono-300normal - latin */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 300;
  src:
    local('Roboto Mono Light '),
    local('Roboto Mono-Light'),
    url('./roboto-mono-latin-300.woff2') format('woff2');
}

/* roboto-mono-300italic - latin */
@font-face {
  font-family: 'Roboto Mono';
  font-style: italic;
  font-display: swap;
  font-weight: 300;
  src:
    local('Roboto Mono Light italic'),
    local('Roboto Mono-Lightitalic'),
    url('./roboto-mono-latin-300italic.woff2') format('woff2');
}

/* roboto-mono-400normal - latin */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src:
    local('Roboto Mono Light '),
    local('Roboto Mono-Light'),
    url('./roboto-mono-latin-400.woff2') format('woff2');
}

/* roboto-mono-400italic - latin */
@font-face {
  font-family: 'Roboto Mono';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src:
    local('Roboto Mono Light italic'),
    local('Roboto Mono-Lightitalic'),
    url('./roboto-mono-latin-400italic.woff2') format('woff2');
}

/* roboto-mono-500normal - latin */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src:
    local('Roboto Mono Light '),
    local('Roboto Mono-Light'),
    url('./roboto-mono-latin-500.woff2') format('woff2');
}

/* roboto-mono-500italic - latin */
@font-face {
  font-family: 'Roboto Mono';
  font-style: italic;
  font-display: swap;
  font-weight: 500;
  src:
    local('Roboto Mono Light italic'),
    local('Roboto Mono-Lightitalic'),
    url('./roboto-mono-latin-500italic.woff2') format('woff2');
}

html, body, #app {
  background-color: #FFFFFF;
  border: 0;
  height: 100vh;
  min-height: 100vh;
  margin: 0;
  padding: 0;
  width: 100vw;
  overflow: hidden;
  position: absolute;
}