/*
 * Your global styles here
 */
html, body {
    height: 100%;
}

html {
    background: white;
}

body {
    margin: 0;
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("../fonts/webfonts/SourceSansPro-Light.woff2") format("woff2");
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url("../fonts/webfonts/SourceSansPro-LightItalic.woff2") format("woff2");
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/webfonts/SourceSansPro-Regular.woff2") format("woff2");
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/webfonts/SourceSansPro-Italic.woff2") format("woff2");
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/webfonts/SourceSansPro-Bold.woff2") format("woff2");
}

@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/webfonts/SourceSansPro-BoldItalic.woff2") format("woff2");
}