UnfoldingCSS:StyleBox

:root {

    // ****** FONTS ******  //
    --title-font: Serif;
    --body-font: Sanserif;
    --code-font: Monospace;
    --quote-font: Serif;
    --footnote-font: Sanserif;
    

    // ****** COLOR ******  //
    --background-color: #ffffff;
    --text-color: #121212;


    // ****** CONTENT ******  //
    --PUB-title: 'MY TITLE';

}


@page:first{
   background-image: url(https://titipi.org/wiki/images/8/83/Dream.png);
   background-size: 95%;
   background-repeat: no-repeat;
   background-position: center center;
        @bottom-center{
                font-family: asulbold;
		        content: "ENTER COLLECTIVE HERE";
                font-size:12pt;
        }
}

p:nth-of-type(3n) {
  border: 2px solid orange;
  margin-left: -10px;
}

@page:right {

    margin-left: 35mm;
    margin-right: 20mm;

    @right-middle {
        content: counter(page);
        font-family: var(--code-font);
    }    

    @right-top {
        content: var(--PUB-title);
        font-family: var(--title);
        margin-right: 0.8cm;
        writing-mode: vertical-rl;
        text-orientation: mixed;
    }
    
}


@page:left {

    margin-right: 35mm;
    margin-left: 20mm;

    @left-middle {
        content: counter(page);
        font-family: var(--title);
    }    

    @left-top {
        content: "TITLE";
        font-family: Serif;
        margin-right: 0.8cm;
        writing-mode: vertical-rl;
        text-orientation: mixed;
    }
    
}