@font-face {
    font-display: swap;
    font-family: Open Sans;
    font-style: normal;
    src: url(../font/Open_Sans/static/OpenSans-Regular.ttf) format("truetype");
}

@font-face {
    font-display: swap;
    font-family: Open Sans;
    font-style: italic;
    src: url(../font/Open_Sans/static/OpenSans-Italic.ttf) format("truetype");
}

@font-face {
    font-display: swap;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 300;
    src: url(../font/Open_Sans/static/OpenSans-Light.ttf) format("truetype");
}

@font-face {
    font-display: swap;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 600;
    src: url(../font/Open_Sans/static/OpenSans-SemiBold.ttf) format("truetype");
}

@font-face {
    font-display: swap;
    font-family: Open Sans;
    font-style: normal;
    font-weight: 700;
    src: url(../font/Open_Sans/static/OpenSans-Bold.ttf) format("truetype");
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    src: url(../font/Roboto/Roboto-Regular.ttf) format("truetype");
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    src: url(../font/Roboto/Roboto-Light.ttf) format("truetype");
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 600;
    src: url(../font/Roboto/Roboto-SemiBold.ttf) format("truetype");
}

@font-face {
    font-display: swap;
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    src: url(../font/Roboto/Roboto-Bold.ttf) format("truetype");
}

html {
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: auto;
    font-smooth: always;
    line-height: 1.15;
}

body {
    font: 400 100% Roboto, Segoe UI, Tahoma, serif;
    font-weight: 300;
}