/* Global variables */
:root {
    /* Margin where cutlines are drawn */
    --pdf-margin: 10;
    /* A4 */
    --pdf-width: 595;
    --pdf-height: 842;
    /* Ratio of minipages h:w */
    --page-ratio: calc(2 *
        (var(--pdf-height) - 2 * var(--pdf-margin)) /
        (var(--pdf-width) - 2 * var(--pdf-margin)) 
    );

    --flat-page-width: 40vmin;
    --flat-page-height: var(--flat-page-width);

    --margin: calc((100vmin - 2 * var(--flat-page-width)) / 3);
    
    --left-margin: calc(
        ( 100vw - 
            2 * var(--flat-page-width) - 
            var(--margin)
        ) / 2
    );
    --top-margin: calc(
        ( 100vh - 
            2 * var(--flat-page-width) - 
            var(--margin)
        ) / 2
    );
}

/* Individual pages positions and skews */
.page0 {
    left: var(--left-margin);
    top:var(--top-margin);

    width: var(--flat-page-width);
    height: var(--flat-page-height);
}
.page1 {
    left: calc(var(--left-margin) + var(--flat-page-width) + var(--margin));
    top:var(--top-margin);

    width: var(--flat-page-width);
    height: var(--flat-page-height);
}
.page2 {
    left: var(--left-margin);
    top: calc(var(--top-margin) + var(--flat-page-height) + var(--margin));

    width: var(--flat-page-width);
    height: var(--flat-page-height);
}
.page3 {
    left: calc(var(--left-margin) + var(--flat-page-width) + var(--margin));
    top: calc(var(--top-margin) + var(--flat-page-height) + var(--margin));

    width: var(--flat-page-width);
    height: var(--flat-page-height);
}