@font-face {
    font-family: Roboto;
    font-weight: 200;
    src: local(Roboto Thin), url(./Roboto-Thin.eot);
    src: url(./Roboto-Thin.eot?#iefix) format("embedded-opentype"), url(./Roboto-Thin.woff2) format("woff2"), url(./Roboto-Thin.woff) format("woff"), url(./Roboto-Thin.ttf) format("truetype")
}

@font-face {
    font-family: Roboto;
    font-weight: 300;
    src: local(Roboto Light), url(./Roboto-Light.eot);
    src: url(./Roboto-Light.eot?#iefix) format("embedded-opentype"), url(./Roboto-Light.woff2) format("woff2"), url(./Roboto-Light.woff) format("woff"), url(./Roboto-Light.ttf) format("truetype")
}

@font-face {
    font-family: Roboto;
    font-weight: 400;
    src: local(Roboto Regular), url(./Roboto-Regular.eot);
    src: url(./Roboto-Regular.eot?#iefix) format("embedded-opentype"), url(./Roboto-Regular.woff2) format("woff2"), url(./Roboto-Regular.woff) format("woff"), url(./Roboto-Regular.ttf) format("truetype")
}

@font-face {
    font-family: Roboto;
    font-weight: 500;
    src: url(./Roboto-Medium.eot);
    src: url(./Roboto-Medium.eot?#iefix) format("embedded-opentype"), url(./Roboto-Medium.woff2) format("woff2"), url(./Roboto-Medium.woff) format("woff"), url(./Roboto-Medium.ttf) format("truetype")
}

@font-face {
    font-family: Roboto;
    font-weight: 700;
    src: url(./Roboto-Bold.eot);
    src: url(./Roboto-Bold.eot?#iefix) format("embedded-opentype"), url(./Roboto-Bold.woff2) format("woff2"), url(./Roboto-Bold.woff) format("woff"), url(./Roboto-Bold.ttf) format("truetype")
}

body {
    font-family: "Roboto", sans-serif;
    font-weight: 300
}