/* roboto-condensed-300 - latin */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 300;
    src: url(../assets/roboto-condensed-v18-latin-300.eot); /* IE9 Compat Modes */
    src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'),
         url(../assets/roboto-condensed-v18-latin-300.eot?#iefix) format('embedded-opentype'), 
         url(../assets/roboto-condensed-v18-latin-300.woff2) format('woff2'), 
         url(../assets/roboto-condensed-v18-latin-300.woff) format('woff'), 
         url(../assets/roboto-condensed-v18-latin-300.ttf) format('truetype'), 
         url(../assets/roboto-condensed-v18-latin-300.svg#RobotoCondensed) format('svg'); /* Legacy iOS */
}
/* roboto-condensed-300italic - latin */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 300;
    src: url(../assets/roboto-condensed-v18-latin-300italic.eot); /* IE9 Compat Modes */
    src: local('Roboto Condensed Light Italic'), local('RobotoCondensed-LightItalic'),
         url(../assets/roboto-condensed-v18-latin-300italic.eot?#iefix) format('embedded-opentype'), 
         url(../assets/roboto-condensed-v18-latin-300italic.woff2) format('woff2'), 
         url(../assets/roboto-condensed-v18-latin-300italic.woff) format('woff'), 
         url(../assets/roboto-condensed-v18-latin-300italic.ttf) format('truetype'), 
         url(../assets/roboto-condensed-v18-latin-300italic.svg#RobotoCondensed) format('svg'); /* Legacy iOS */
}
/* roboto-condensed-regular - latin */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: url(../assets/roboto-condensed-v18-latin-regular.eot); /* IE9 Compat Modes */
    src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
         url(../assets/roboto-condensed-v18-latin-regular.eot?#iefix) format('embedded-opentype'), 
         url(../assets/roboto-condensed-v18-latin-regular.woff2) format('woff2'), 
         url(../assets/roboto-condensed-v18-latin-regular.woff) format('woff'), 
         url(../assets/roboto-condensed-v18-latin-regular.ttf) format('truetype'), 
         url(../assets/roboto-condensed-v18-latin-regular.svg#RobotoCondensed) format('svg'); /* Legacy iOS */
}
/* roboto-condensed-italic - latin */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 400;
    src: url(../assets/roboto-condensed-v18-latin-italic.eot); /* IE9 Compat Modes */
    src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'),
         url(../assets/roboto-condensed-v18-latin-italic.eot?#iefix) format('embedded-opentype'), 
         url(../assets/roboto-condensed-v18-latin-italic.woff2) format('woff2'), 
         url(../assets/roboto-condensed-v18-latin-italic.woff) format('woff'), 
         url(../assets/roboto-condensed-v18-latin-italic.ttf) format('truetype'), 
         url(../assets/roboto-condensed-v18-latin-italic.svg#RobotoCondensed) format('svg'); /* Legacy iOS */
}
/* roboto-condensed-700 - latin */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: url(../assets/roboto-condensed-v18-latin-700.eot); /* IE9 Compat Modes */
    src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'),
         url(../assets/roboto-condensed-v18-latin-700.eot?#iefix) format('embedded-opentype'), 
         url(../assets/roboto-condensed-v18-latin-700.woff2) format('woff2'), 
         url(../assets/roboto-condensed-v18-latin-700.woff) format('woff'), 
         url(../assets/roboto-condensed-v18-latin-700.ttf) format('truetype'), 
         url(../assets/roboto-condensed-v18-latin-700.svg#RobotoCondensed) format('svg'); /* Legacy iOS */
}

/* Grotesk */
@font-face {
    font-display: swap;
    font-family: "HKGrotesk";
    src:url(../assets/HKGrotesk-Bold.eot);
    src:url(../assets/HKGrotesk-Bold.otf) format('embedded-opentype'),
        url(../assets/HKGrotesk-Bold.woff) format('woff'),
        url(../assets/HKGrotesk-Bold.ttf) format("truetype");
    text-rendering: optimizeLegibility;
}

@font-face {
    font-display: swap;
    font-family: "HKGrotesk";
    src:url(../assets/HKGrotesk-Regular.eot);
    src:url(../assets/HKGrotesk-Regular.otf) format('embedded-opentype'),
        url(../assets/HKGrotesk-Regular.woff) format('woff'),
        url(../assets/HKGrotesk-Regular.ttf) format("truetype");
    text-rendering: optimizeLegibility;
}

html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    font-family: 'HKGrotesk', "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

#app {
    height: 100%;
}