@font-face {
    font-family: 'Graphie';
    src: url('GraphieExtraBold)') format('woff');
    font-weight: 800;
}

@font-face {
    font-family: 'Graphie';
    src: url('GraphieBold') format('woff');
    font-weight: 700;
}

@font-face {
    font-family: 'Graphie';
    src: url('GraphieSemiBold') format('woff');
    font-weight: 600;
}

@font-face {
    font-family: 'Graphie';
    src: url('GraphieRegular') format('woff');
    font-weight: 500;
}

@font-face {
    font-family: 'Graphie';
    src: url('GraphieLight') format('woff');
    font-weight: 400;
}

@font-face {
    font-family: 'Graphie';
    src: url('GraphieExtraLight') format('woff');
    font-weight: 300;
}

@font-face {
    font-family: 'Graphie';
    src: url('GraphieThin') format('woff');
    font-weight: 200;
}

html,
body {
    height: 100%;
    font-family: 'Graphie', sans-serif;
}

body * {
    font-family: 'Graphie', sans-serif !important;
}