styles.css

@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&display=swap');

@page {
    size: auto;
    margin: 4mm 4mm 4mm 4mm;
}

body {
    padding: 0;
    margin: 0;
    font-size: 10px;
    line-height: 1.2;
    font-family: "Roboto Slab";
}

h1 {
    color: MidnightBlue;
    font-family: "Roboto Slab";
    margin: 0;
    padding: 0;
    font-size: 14px;
}

h2 {
    margin-bottom: 1px;
    padding: 0;
    font-size: 12px;
    font-family: "Roboto Slab";
}

h3 {
    color: MidnightBlue;
    margin: 0;
    font-size: 11px;
    font-family: "Roboto Slab";
}

li {
    margin-top: 2px;
    font-size: 10px;
    font-family: "Roboto Slab";
}

strong {
    font-size: 9px;
    font-family: "Roboto Slab";
}

p {
    font-size: 10px;
    margin: 1px 0;
    margin-top: 2px;
    font-family: "Roboto Slab";
}

@media print {
    body {
        font-size: calc(8px + 0.5vh);
    }

    h1 {
        font-size: calc(12px + 0.8vh);
    }

    h2 {
        font-size: calc(10px + 0.6vh);
    }

    h3 {
        font-size: calc(8px + 0.5vh);
    }

    li, p, strong {
        font-size: calc(8px + 0.5vh);
    }
}