@font-face {
    font-family: Roboto;
    font-weight: 400;
    font-display: swap;
    src: url('../media/fonts/Roboto-Regular.ttf') format('truetype');
}

@font-face {
    font-family: Roboto;
    font-weight: 500;
    font-display: swap;
    src: url('../media/fonts/Roboto-Medium.ttf') format('truetype');
}

@font-face {
    font-family: Google Sans Display;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../media/fonts/GoogleSansDisplay.woff2") format("woff")
}

@font-face {
    font-family: Google Sans Display;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../media/fonts/GoogleSansDisplay.woff2") format("woff")
}

@font-face {
    font-family: Google Sans;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../media/fonts/Google-sans.woff2") format("woff")
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../media/fonts/OpenSans_VariableFont.ttf") format("truetype")
}

@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../media/fonts/OpenSans_VariableFont.ttf") format("truetype")
}