@font-face {
    font-family: 'metropolis_regular-webfont';
    src: url('./fonts/metropolis/metropolis_regular-webfont.woff') format('woff'), url('./fonts/metropolis/metropolis_regular-webfont.ttf') format('truetype'), url('./fonts/metropolis/metropolis_regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Metropolis-Bold';
    src: url('./fonts/metropolis/Metropolis-Bold.woff') format('woff'), url('./fonts/metropolis/Metropolis-Bold.ttf') format('truetype'), url('./fonts/metropolis/Metropolis-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CustomIcons';
    src: url('./fonts/icons.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: metropolis_regular-webfont;
    padding-top: 15px;
    padding-bottom: 15px;
}

/* Text input fields */
h1 {
    font-family: Metropolis-Bold;
    font-size: 36px;
    color: #8C7D73
}

h2 {
    font-family: Metropolis-Bold;
    font-size: 20px;
    color: #0094D4
}

h3 {
    font-family: Metropolis-Bold;
    font-size: 14px;
    color: #72665B;
}