/* LOCAL FONTS */
@font-face {
    font-family: h1;
    src: url('../fonts/h1.ttf');
}

h1 {
    font-family: 'h1', sans-serif;
}

@font-face {
    font-family: h2;
    src: url('../fonts/h2.otf');
}

h2 {
    font-family: 'h2', sans-serif;
}

@font-face {
    font-family: h3;
    src: url('../fonts/h3.ttf');
}

h3 {
    font-family: 'h3', sans-serif;
}

@font-face {
    font-family: h4;
    src: url('../fonts/h4.ttf');
}

h4,
h5,
h6 {
    font-family: 'h1', sans-serif;
}

@font-face {
    font-family: body;
    src: url('../fonts/body.ttf');
}

body,
p {
    font-family: 'body', sans-serif;
}

@font-face {
    font-family: mono;
    src: url('../fonts/mono.ttf');
}

code,
textarea,
input,
.mono {
    font-family: 'mono', sans-serif;
}

/* EXTERNAL */
@import url('https://fonts.googleapis.com/css?family=Raleway');
@import url('https://fonts.googleapis.com/css?family=Roboto');