:root{
    font-family: Lexend, sans-serif;
    font-size:10pt;
}

@page {
    size: A4;
    margin-top: 10mm;
    margin-right: 20mm;
    margin-bottom: 25mm;
    margin-left: 15mm;


    @bottom-center {
        content: string(title, first-except);
        /* text-transform: uppercase; */
    }

}

@page :left{

    @bottom-left {
        content: counter(page);
    }
}

@page :right{

    @bottom-right {
        content: counter(page);
    }
}

@page :first{
    @bottom-right{
        content:none;
    }
}

img{
    width: 100%;
}

@media print {
    

    @page: left {
        margin-left: 35mm;
        margin-right: 15mm;
    }

    @page: right {
        margin-left: 15mm;
        margin-right: 35mm;
    }

    /* all your book chapters in <section> elements...
you want your chapter to always start on the right page.  */
    section {
        break-before: right;
    }

    h1 {
        string-set: title content(text);
        font-size: 8em;
        margin-bottom:20px;
        font-family: "Lexend Zetta";
    }
    .cover h1{
        font-size: 4em;
    }

    h2{
        font-weight:normal;
        font-size:1.5em;
    }



    .tocitem::after{
        content: target-counter(attr(data-ref), page) ;
        margin-left: 10px;
    }

    .snapshot{
        page-break-inside: avoid;
        margin-bottom: 8px;
    }

    .snapshot .iteration{
        float:right;
    }
}

dt{
    font-weight: bold;
}

table {
  margin: 40px 0;
}