@font-face{
    font-family: volk;
    src: url("https://file.brz9.dev/cdn/fonts/serv/Vollkorn/Vollkorn_L.woff2");
    font-style: normal;
    font-weight: 200;
}

@font-face{
    font-family: volk;
    src: url("https://file.brz9.dev/cdn/fonts/serv/Vollkorn/Vollkorn_LI.woff2");
    font-style: italic;
    font-weight: 200;
}

@font-face{
    font-family: volk;
    src: url("https://file.brz9.dev/cdn/fonts/serv/Vollkorn/Vollkorn_R.woff2");
    font-style: normal;
    font-weight: 400;
}

@font-face{
    font-family: volk;
    src: url("https://file.brz9.dev/cdn/fonts/serv/Vollkorn/Vollkorn_RI.woff2");
    font-style: italic;
    font-weight: 400;
}


@font-face{
    font-family: volk;
    src: url("https://file.brz9.dev/cdn/fonts/serv/Vollkorn/Vollkorn_B.woff2");
    font-style: normal;
    font-weight: 600;
}

@font-face{
    font-family: volk;
    src: url("https://file.brz9.dev/cdn/fonts/serv/Vollkorn/Vollkorn_BI.woff2");
    font-style: italic;
    font-weight: 600;
}


@font-face{
    font-family: volk;
    src: url("https://file.brz9.dev/cdn/fonts/serv/Vollkorn/Vollkorn_BB.woff2");
    font-style: normal;
    font-weight: 800;
}

@font-face{
    font-family: volk;
    src: url("https://file.brz9.dev/cdn/fonts/serv/Vollkorn/Vollkorn_BBI.woff2");
    font-style: italic;
    font-weight: 800;
}


html {
    font-family: volk;
    background-color: beige;
}

body {
    padding-left: 20px;
    padding-right: 20px;
}

span.left {
    margin-left: 60px;
}

span.right {
    margin-right: 20px;
    margin-left: auto;
    text-align: right;
}