PdfCSS:Content-Form: Difference between revisions

Latest revision as of 10:39, 2 February 2024

/* a pad was used for CSS on the fly, and a trace remains here, in a comment
 @import url("https://cc.vvvvvvaria.org/pad/p/contentform.css/export/txt"); 
*/

@charset "utf-8"; 

@import url("https://cc.vvvvvvaria.org/fonts/velvetyne/degheest-types/stylesheet.css");
@import url("https://cc.vvvvvvaria.org/fonts/Computer_Modern/Concrete/cmun-concrete.css");
@import url("https://cc.vvvvvvaria.org/fonts/Lucette/font/stylesheet.css");
@import url("https://cc.vvvvvvaria.org/fonts/Redaction/stylesheet.css");
@import url("https://cc.vvvvvvaria.org/fonts/Authentic_Sans/stylesheet.css");
@import url("https://cc.vvvvvvaria.org/fonts/InriaFonts-master/fonts/InriaSans/Web/fonts.css");
@import url("https://cc.vvvvvvaria.org/fonts/InriaFonts-master/fonts/InriaSerif/Web/fonts.css");
@import url("https://cc.vvvvvvaria.org/fonts/junicode/fonts/webfonts/stylesheet.css");
@import url("https://cc.vvvvvvaria.org/fonts/BBB/Amiamie-Typeface-main/stylesheet.css");
@import url("https://cc.vvvvvvaria.org/fonts/collletttivo/CLT-Necto_Mono/stylesheet.css");
@import url("https://cc.vvvvvvaria.org/fonts/BBB/bbb-poppins-tn/stylesheet.css");
@import url("https://cc.vvvvvvaria.org/fonts/BBB/crozet/stylesheet.css");
@import url("https://cc.vvvvvvaria.org/fonts/BBB/homoneta/stylesheet.css");
@import url("https://cc.vvvvvvaria.org/fonts/BBB/roberte/stylesheet.css");
@import url("https://cc.vvvvvvaria.org/fonts/OSP/Certegeska/stylesheet.css");

@font-face {
    font-family: 'Homoneta';
    src:  url('webfonts/Homoneta-Italic.woff') format('woff'),
          url('otf/Homoneta-Italic.otf') format('opentype');
    font-weight: normal;
    font-style: italic;
}

/* fonts that have been uploaded to wiki4print */
@font-face {

    font-family: 'AC Regular Mono';

    src:url('https://wiki4print.servpub.net/images/a/a3/AC-Monospaced.ttf') format('truetype');

    font-weight: normal;

}

@font-face {
    font-family: 'Baskervvol Base';
    src:url('https://wiki4print.servpub.net/images/6/64/BBBBaskervvol-Base.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Baskervvol Fondue';
    src:url('https://wiki4print.servpub.net/images/6/64/BBBBaskervvol-Base.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DINdong';
    src:url('https://wiki4print.servpub.net/images/6/6a/DINdong.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

:root{
        --cell-height: 72px;
        --cell-width: 208px; /* this is a visual guess, was needed for the images, but maybe not needed anymore */
        --line-height: 1.2;
        --font-size-latitude-regular: 11px;
        --font-size-computer-modern: 12px;
        --small-font-size: 9px;
        --h1-font-size: 36px;
        --h1-line-height: 28px;
        --spacer-half: 7px;
        /*--spacer-full: var(--line-height);*/
        --comments-margin: 20px;
}

@page {
        size: 315mm 470mm portrait;
        margin: 70px 40px 40px 40px;
        
        @top-left{
                content: "Content/Form";
                font-family: 'Necto Mono';
                font-size: var(--small-font-size);
        }
        @top-center{
                content: counter(page);
                font-family: "Crozet";
                font-size: 36px;
        }
        @top-right{
                content: "A Peer-Reviewed Newspaper, Volume 13, Issue 1, 2024";
                font-family: 'Necto Mono';
                font-size: var(--small-font-size);
        }

}

@page:first{
    
    @top-center{
        content: "";
        font-family: "Crozet";
        font-size: 36px;
    }
    @top-left{
        content: "FREE";
    }
}

@page:nth(3){

    @bottom-center{

    content: "“Computer Lars” (an anagrammatic reconfiguration of “Marcel Proust”) who purged into A DIMENSION where opinion is reduced to mere geolocation, pointing to the etymology of the Greek 'synthetikós;' a vector where standpoints flux into the";

    font-size: 10px;

    font-family: 'Homoneta', serif;

    text-align: left;

    margin-bottom: 3em;

    transform: rotate(-0.5deg);

    }

}
@page:nth(6){

    @bottom-center{

    content: "low probability, at the precipice of political debate, Leader Lars ends up occupying every standpoint simulating a librarian of Babel, a promise of a hollow, broad-brush coverage or a commedia dell'arte of half-fulfilled significations ... BEYOND";

    font-size: 10px;

    font-family: 'Homoneta', serif;

    text-align: left;

    margin-bottom: 3em;

    transform: rotate(-0.5deg);

    }

}
@page:nth(10){
    @bottom-center{

    content: "unrepeatability Le Parti Synthétique takes the necessary steps along the flatland of kakistocracy ... AND YET ANOTHER continuous simplification of political discourse unknowingly give birth to a surreal, unvalley canny of technocratic experience, where the citizenry,";

    font-size: 10px;

    font-family: 'Homoneta', serif;

    text-align: left;

    margin-bottom: 3em;

    transform: rotate(-0.5deg);

    }

}

/*------------- table of contents -----------*/

div.TOC {
    display:none;
}

/*------------- typography ------*/

body{
    hyphens: auto;
}

i {
    font-variant-ligatures: none;
}

/* ||||||| headers |||||||| */

.font-school{
    font-family: "FT88-School";
    font-size: 22px;
}
.font-gothique{
    font-family: "FT88-Gothique";
    font-size: 22px;
}
.font-italic{
    font-family: "FT88-Italic";
    font-size: 22px;
}
.font-bold{
    font-family: "FT88-Bold";
    font-size: 20px;
}
.font-regular{
    font-family: "FT88-Regular";
    font-size: 22px;
}
.font-director{
    font-family: "Director-Regular";
}
.font-abordage{
    font-family: "Abordage";
}
.font-basalte{
    font-family: "Basalte-Fond";
    font-size: 60px;
    letter-spacing: 2px;
}

/* ||||||| body fonts |||||||| */

.font-latitude{
    font-family: "Latitude-Regular";
    font-size: 10px;
}
.font-lucette{
    font-family: "Lucette Regular";
    font-size: 10px;
}
.font-redaction{
    font-family: "Redaction Regular";
    font-size: 10px;
}
.font-concrete{
    font-family: "Computer Modern Concrete";
    font-size: 11px;
}
.font-inria-sans {
    font-family: "Inria Sans";
    font-size: 10px;
}
.font-inria-serif{
    font-family: "Inria Serif";
    font-size: 10px;
}
.font-junicode{
    font-family: "junicoderegularcondensed";
    font-size: 13px;
}
blockquote{
    margin: var(--spacer-full) 0;
    font-style: italic;
    line-height: var(--line-height);
    text-indent: 0 !important;
}
blockquote p{
    text-indent: 0 !important;
}
sup{
    line-height: 0;
}

/*-------------- other --------------*/

p{
    margin: 0;
    word-wrap: break-word;
}
div.mw-parser-output p{
    display: none;
}
/* text indent paragraphs */
div.page p{
    display: block;
    text-indent: 1em;
}

/* margin bottom for author names */
div.page b {
    margin: 0 0 var(--spacer-full) 0;
    text-indent: 0;
}

a, a:active, a:visited{
    word-break: break-word;
    color: black;
}
/* internal links only */
a[href^="#"] {
    color: black;
}

ul{
    margin: var(--spacer-full) 0;
    padding: 0;
}
ol{
    margin-left: 0;
    padding: 0;
}
ul > li{
    margin-left: 1em;
}

/* ------------ grid ---------------- */

div.page {
    display: grid;
    grid-template-columns: repeat(5, 20%);
    grid-template-rows: repeat(23, var(--cell-height));
    margin: 0;
    padding: 0;
}
div.item{
    font-family: 'Homoneta', serif;
    line-height: var(--line-height);
    font-size: 13px;
    column-fill: auto;
    padding: var(--spacer-full) var(--spacer-half);
    margin: 0;
    /*border: 1px dotted magenta;*/
}

div.item:nth-of-type(odd){
    transform: rotate(-0.5deg);
}
div.item:nth-of-type(even){
    transform: rotate(0.5deg);
}
div.comment:nth-of-type(odd){
    transform: rotate(-1deg);
}
div.comment:nth-of-type(even){
    transform: rotate(1deg);
}
div.item h2{
    font-family: "Roberte";
    font-size: 250% !important;
    line-height: 1.2 !important;
}
div.item br{
    display: none;
}
div.image img{
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
}
div.image a{
    display: block;
}

div.comment{
    font-family:"Certegeska";
    font-size: 13px;
    line-height: 1.2;
    border-radius: 5mm;
    border-top: 5px solid gainsboro;
    padding: 1em;
}
div.comment br:nth-of-type(1){

    display: none;

}
div.comment p{
    text-indent: 0;
}
div.comment img{
    width: 100%;
    height: auto;
    margin: 0;
}

/* ------------ images -------------- */

.image,
figure { 
    margin: 0 0 var(--spacer-half);
}
    image img,
    figure img{
        width: 100%;
         margin: 0;
         object-fit: scale-down;
    }
figcaption,
.thumbcaption,
div.caption{
        font-size: 9px;
        font-family: 'Necto Mono';
        line-height: 1.25;
        letter-spacing: 0.03em;
        margin: 0 0;
        padding: 0;
        text-indent: unset;
}

img{
    width: auto;
    height: auto;
    filter: grayscale();
}

/*------------ headers -----------*/

h1{
    display: none;
}
h1#title{
}
h2, h3, h4, h5, h6{
    font-size: 100%;
    line-height: var(--line-height);
    margin: 0 0 var(--spacer-full) 0;
}

span.footnote{

    font-size: 10px;

    text-indent: 0;

    position: absolute;

    display: block;

}
span.footnote::before{

    content: "→";

}

/* ------------- ASKER's pages ---------------- */

div.item.asker{
    grid-column-start: 1;
    grid-column-end: 6;
    grid-row-start: 23;
    grid-row-end: 24;
    line-height: 1.2;
    font-size: 10px;
    margin-top: 80px !important;
}
div.item.asker p{

    text-indent: unset !important;

}
div.comment.asker-comment{
    border-bottom: 5px solid gainsboro;
    border-top: unset !important;
}

/* ------------- INFRA INSERTS ---------------- */

div.infra-insert, div.infra-insert a {

    font-family: 'Necto Mono';

    font-size: 10px;

    line-height: 1.25;

    color: rgb(150,150,150);

}
div.infra-insert p{

    text-indent: unset !important;

}

/* PAGE 1 */
div.infra-insert#Infra_Insert_03{
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 19;
    grid-row-end: 24;
    margin-top: 1em;
}
div.infra-insert#Infra_Insert_05{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 19;
    grid-row-end: 20;
    margin-top: 4em;
}
div.infra-insert#Infra_Insert_07{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 11;
    grid-row-end: 12;
    margin-top: -2em;
    margin-right: 1em;
}

/* PAGE 2 */
div.infra-insert#Infra_Insert_09{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 13;
    grid-row-end: 24;
}
div.infra-insert#Infra_Insert_22{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 6;
    grid-row-end: 8;
}
div.infra-insert#Infra_Insert_26{
    grid-column-start: 4;
    grid-column-end: 6;
    grid-row-start: 22;
    grid-row-end: 24;
}

/* PAGE 3 */
div.infra-insert#Infra_Insert_10{
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 7;
    grid-row-end: 8;
}

/* PAGE 4 */
div.infra-insert#Infra_Insert_01{
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 2;
}
div.infra-insert#Infra_Insert_02{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 9;
    grid-row-end: 10;
}
div.infra-insert#Infra_Insert_08{
    grid-column-start: 3;
    grid-column-end: 5;
    grid-row-start: 2;
    grid-row-end: 4;
}
div.infra-insert#Infra_Insert_24{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 7;
    grid-row-end: 12;
}
div.infra-insert#Infra_Insert_28{
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 4;
    grid-row-end: 6;
}
div.infra-insert#Infra_Insert_29{
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 8;
    grid-row-end: 22;
}
div.infra-insert#Infra_Insert_30{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 4;
    grid-row-end: 8;
}
div.infra-insert#Infra_Insert_49{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
}
div.infra-insert#Infra_Insert_50{
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 5;
    grid-row-end: 6;
}
div.infra-insert#Infra_Insert_51{
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 6;
    grid-row-end: 7;
}
div.infra-insert#Infra_Insert_52{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 10;
    grid-row-end: 11;
}
div.infra-insert#Infra_Insert_53{
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 10;
    grid-row-end: 11;
}
div.infra-insert#Infra_Insert_54{
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 11;
    grid-row-end: 12;
}
div.infra-insert#Infra_Insert_55{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 6;
    grid-row-end: 7;
}
div.infra-insert#Infra_Insert_55{
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 6;
    grid-row-end: 7;
}
div.infra-insert#Infra_Insert_56{
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 3;
    grid-row-end: 4;
}
div.infra-insert#Infra_Insert_57{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3;
}

/* PAGE 5 */
div.infra-insert#Infra_Insert_46{
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 18;
    grid-row-end: 20;
}
div.infra-insert#Infra_Insert_47{
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 20;
    grid-row-end: 22;
}
div.infra-insert#Infra_Insert_48{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 21;
    grid-row-end: 24;
}

/* PAGE 6 */
div.infra-insert#Infra_Insert_13{
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 20;
    grid-row-end: 21;
}

/* PAGE 7 */
div.infra-insert#Infra_Insert_12{
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 9;
    grid-row-end: 10;
}

/* PAGE 8 */
div.infra-insert#Infra_Insert_04{
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 7;
    grid-row-end: 8;
    margin-top: -3em;
}
div.infra-insert#Infra_Insert_06{
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 18;
    grid-row-end: 19;
}
div.infra-insert#Infra_Insert_14{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
}

/* PAGE 9 */
div.infra-insert#Infra_Insert_15{
    grid-column-start: 3;
    grid-column-end: 5;
    grid-row-start: 18;
    grid-row-end: 19;
}
div.infra-insert#Infra_Insert_16{
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 6;
    grid-row-end: 7;
}

/* PAGE 10 */
div.infra-insert#Infra_Insert_17{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 15;
    grid-row-end: 16;
}

/* PAGE 11 */
div.infra-insert#Infra_Insert_37{
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 20;
    grid-row-end: 24;
}
div.infra-insert#Infra_Insert_43{
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 18;
    grid-row-end: 20;
}
/* PAGE 12 */
div.infra-insert#Infra_Insert_18{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 21;
    grid-row-end: 22;
}
div.infra-insert#Infra_Insert_20{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 22;
    grid-row-end: 24;
}
div.infra-insert#Infra_Insert_38{
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 21;
    grid-row-end: 23;
}

/* PAGE 13 */
div.infra-insert#Infra_Insert_11{
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 23;
    grid-row-end: 24;
}

/* PAGE 14 */
div.infra-insert#Infra_Insert_19{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
}

/* PAGE 15 */
div.infra-insert#Infra_Insert_21{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 20;
    grid-row-end: 23;
}
div.infra-insert#Infra_Insert_33{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 18;
    grid-row-end: 20;
}
div.infra-insert#Infra_Insert_45{
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 22;
    grid-row-end: 24;
}

/* PAGE 16 */
div.infra-insert#Infra_Insert_40{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 12;
    grid-row-end: 14;
    margin-right: 1em;
}

/* ------------- PAGE 1 ---------------- */

div#page-1 pre {
    font-size: 20px;
    margin: 0 0.8em;
    font-family: 'Necto Mono';
    font-weight: 900;
}

div.item#editorial{
    grid-column-start: 2;
    grid-column-end: 6;
    grid-row-start: 11;
    grid-row-end: 20;
    columns: 2 auto;
    font-size: 16px;
    font-family: 'Amiamie' !important;
}

div#Editorial_1{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 13;
    grid-row-end: 15;
    margin-right: 1.8em;
    margin-left: -1em;
}
div#Editorial_2{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 9;
    grid-row-end: 11;
}
div#Editorial_3{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 16;
    grid-row-end: 17;
    margin-right: 1.8em;
    margin-left: -1em;
}
div#Editorial_4{
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 19;
    grid-row-end: 24;
    margin-top: 2em;
}
div#Editorial_5{
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 6;
    grid-row-end: 11;
    margin-left: 2em;
    margin-top: 3em;
    margin-right: -1em;
}
div#Editorial_8{
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 20;
    grid-row-end: 21;
}

/* |||||||||| colophon |||||||||| */

div.item#colophon{
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 21;
    grid-row-end: 24;
    columns: 4 auto;
    column-fill: auto;
    font-size: 10.5px;
    border-top: 5px solid gainsboro;
    border-radius: 5mm;
    font-family: "Amiamie";
    line-height: 1.2;
    padding: 1em;
}
#colophon ul > li {
    margin: 0 0 0 0.75em;
    text-indent: -0.75em;
}
div.item#colophon h2 {
    display: inline-block;
    padding-bottom: 0.5em;
    font-family: 'Amiamie';
}
div.item#colophon p {
    text-indent: 0;
    padding-bottom: 0.5em;
}
div.item#colophon a {
    display: inline-block !important;
}
#colophon p:not(p:first-of-type) > b {
    display: inline-block !important;
    margin: 0 !important;
    }
div.item#colophon li {
    list-style: none;
}
div.item#colophon li::before {
    content: "- ";
}
div.item#colophon ul{
    padding: 0;
    margin: 0;
}

/* ------------- PAGE 2 ---------------- */

div.item#servpub{
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 24;
    padding-left: 1em;
    padding-right: 1em;
}

div.item#servpub h3 {
    margin-top: 1em;
}

div.comment#Servpub00 {
    grid-column-start:4;
    grid-column-end:6;
    grid-row-start:1;
    grid-row-end:4;
}
div.comment#Servpub01 {
    grid-column-start:4;
    grid-column-end:6;
    grid-row-start:11;
    grid-row-end:14;
}
div.comment#Servpub02 {
    grid-column-start:1;
    grid-column-end:2;
    grid-row-start:3;
    grid-row-end:6;
}
div.comment#Servpub03 {
    grid-column-start:1;
    grid-column-end:2;
    grid-row-start:9;
    grid-row-end:12;
}
div.comment#Servpub04 {
    grid-column-start:4;
    grid-column-end:5;
    grid-row-start:16;
    grid-row-end:18;
}
div.comment#Servpub05 {
    grid-column-start:4;
    grid-column-end:6;
    grid-row-start:18;
    grid-row-end:20;
}
div.comment#Servpub06 {
    grid-column-start:2;
    grid-column-end:4;
    grid-row-start:20;
    grid-row-end:22;
}

div.comment#Wiki4print1 {
    grid-column-start:1;
    grid-column-end:2;
    grid-row-start:14;
    grid-row-end:16;
}
div.comment#Wiki4print2 {
    grid-column-start:1;
    grid-column-end:2;
    grid-row-start:16;
    grid-row-end:19;
}

div.comment#AskerComment1{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 22;
    grid-row-end: 24;
    margin-bottom: 1em;
}

/* ------------- PAGE 3 ---------------- */

/* bilyana */
div.item#item-p3-a{
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 14;
    grid-row-end: 23;
    columns: 4 auto;
}
div.item#item-p3-a figure,
div.item#item-p3-a div#bilyana-images{

    display: none;

}

div.item#item-p3-a span.footnote{

    margin-left: 1em;

    margin-top: 0.5em;

}
div#bilyana-figure-1 figure,
div#bilyana-figure-2 figure,
div#bilyana-figure-3 figure{

    margin: 0 1em !important;

}
div#bilyana-figure-1 img,
div#bilyana-figure-2 img,
div#bilyana-figure-3 img{

    width: 90%;

}

div#bilyana-figure-1{
    grid-column-start: 4;
    grid-column-end: 6;
    grid-row-start: 16;
    grid-row-end: 20;
}
div#bilyana-figure-2{
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 8;
    grid-row-end: 12;
}
div#bilyana-figure-3{
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 10;
    grid-row-end: 14;
}

div#Bilyana_comment_01{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 11;
    grid-row-end: 15;
    margin-top: -2em;
}
div#Bilyana_comment_02{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 9;
    grid-row-end: 10;
}
div#Bilyana_comment_03{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 11;
    grid-row-end: 13;
}
div#Bilyana_comment_04{
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 9;
    grid-row-end: 12;
}
div#Bilyana_comment_05{
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 11;
    grid-row-end: 12;
}
div#Bilyana_comment_06{
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 9;
    grid-row-end: 10;
    margin-top: -2em;
}
div#Bilyana_comment_07{
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 8;
    grid-row-end: 10;
    margin-top: -1em;
}
div#Bilyana_comment_09{
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 22;
    grid-row-end: 23;
}
div#Bilyana_comment_11{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 7;
    grid-row-end: 12;
}
div#Bilyana_comment_13{
    grid-column-start: 4;
    grid-column-end: 6;
    grid-row-start: 20;
    grid-row-end: 22;
    margin-top: 3em;
}

/* eduardo */
div#item-p3-b{
    grid-column-start: 1;
    grid-column-end: 6;
    grid-row-start: 1;
    grid-row-end: 6;
    columns: 5 auto;
}
div#Edoardo_01{
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 4;
    grid-row-end: 5;
    margin-top: 1em;
}
div#Edoardo_02{
    grid-column-start: 3;
    grid-column-end: 5;
    grid-row-start: 6;
    grid-row-end: 7;
    margin-top: 1em;
}

div.comment#AskerComment2{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 23;
    grid-row-end: 24;
    margin-bottom: 0.5em;
}

/* ------------- PAGE 4 ---------------- */

div#item-p4-a{

    grid-column-start: 4;

    grid-column-end: 6;

    grid-row-start: 14;

    grid-row-end: 23;

    font-size: 125%;

    margin-left: 1em;

    margin-top: 1em;

}
div#item-p4-a img{

    display: none;

}
div#Eerie01{

    grid-column-start: 1;

    grid-column-end: 4;

    grid-row-start: 14;

    grid-row-end: 23;

}
div#Eerie01 figure{

    margin: 0.5em;

}

div#Kendal-Esther-Luca01{

    grid-column-start: 1;

    grid-column-end: 2;

    grid-row-start: 12;

    grid-row-end: 15;

}
div#Kendal-Esther-Luca02 {

    grid-column-start: 2;

    grid-column-end: 3;

    grid-row-start: 11;

    grid-row-end: 12;

}
div#Kendal-Esther-Luca03 {

    grid-column-start: 3;

    grid-column-end: 5;

    grid-row-start: 13;

    grid-row-end: 14;

}
div#Esther-Kendal01{

    grid-column-start: 5;

    grid-column-end: 6;

    grid-row-start: 12;

    grid-row-end: 14;

}
div#Esther-Kendal02{

    grid-column-start: 3;

    grid-column-end: 4;

    grid-row-start: 10;

    grid-row-end: 12;

}


div.comment#AskerComment3{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 23;
    grid-row-end: 24;
}

/* ------------- PAGE 5 ---------------- */

div#item-p5-a{
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 13;
    columns: 2 auto;
}

div.comment#Esther_01{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 14;
    grid-row-end: 16;
}
div.comment#Esther_02{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 12;
    grid-row-end: 23;
}
div.comment#Esther_03{
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 12;
    grid-row-end: 14;
}
div.comment#Esther_04{
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 12;
    grid-row-end: 14;
}
div.comment#Esther_05{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 16;
    grid-row-end: 18;
}
div.comment#Esther_06{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 14;
    grid-row-end: 16;
}
div.comment#Esther_07{
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 13;
    grid-row-end: 14;
}
div.comment#Esther_08{
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 14;
    grid-row-end: 16;
}
div.comment#Esther_09{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 15;
    grid-row-end: 16;
}
div.comment#Esther_10{
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 14;
    grid-row-end: 16;
}
div.comment#Esther_11{
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 16;
    grid-row-end: 18;
}
div.comment#Esther_12{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 17;
    grid-row-end: 20;
}
div.comment#Esther_13{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 18;
    grid-row-end: 20;
}
div.comment#Esther_14{
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 16;
    grid-row-end: 20;
}

div#img-gallery {
    display: flex;
    flex-direction: column;
    width: 136px;
}

div.comment#AskerComment4{
    grid-column-start: 3;
    grid-column-end: 5;
    grid-row-start: 23;
    grid-row-end: 24;
}

/* ------------- PAGE 6 ---------------- */

div#item-p6-a{
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 11;
    grid-row-end: 23;
    columns: 2 auto;
    padding-right: 12px;
}

div#item-p6-b{
    grid-column-start: 4;
    grid-column-end: 6;
    grid-row-start: 1;
    grid-row-end: 15;
    columns: 2 auto;
}

div.comment#Kendal-comment1 {
    grid-column-start:1;
    grid-column-end:2;
    grid-row-start:2;
    grid-row-end:5;
}
div.comment#Kendal-comment2 {
    grid-column-start:1;
    grid-column-end:2;
    grid-row-start:6;
    grid-row-end:8;
}
div.comment#Kendal-comment3 {
    grid-column-start:1;
    grid-column-end:2;
    grid-row-start:5;
    grid-row-end:6;
}
div.comment#Kendal-comment4 {
    grid-column-start:1;
    grid-column-end:2;
    grid-row-start:9;
    grid-row-end:11;
}
div.comment#Kendal-comment5 {
    grid-column-start:2;
    grid-column-end:4;
    grid-row-start:2;
    grid-row-end:3;
}
div.comment#Kendal-comment6 {
    grid-column-start:2;
    grid-column-end:3;
    grid-row-start:3;
    grid-row-end:5;
}
div.comment#Kendal-comment7 {
    grid-column-start:2;
    grid-column-end:3;
    grid-row-start:5;
    grid-row-end:7;
}
div.comment#Kendal-comment8 {
    grid-column-start:2;
    grid-column-end:4;
    grid-row-start:7;
    grid-row-end:8;
}
div.comment#Kendal-comment9 {
    grid-column-start:2;
    grid-column-end:3;
    grid-row-start:8;
    grid-row-end:9;
}
div.comment#Kendal-comment10 {
    grid-column-start:2;
    grid-column-end:3;
    grid-row-start:10;
    grid-row-end:11;
}
div.comment#Kendal-comment11 {
    grid-column-start:3;
    grid-column-end:4;
    grid-row-start:3;
    grid-row-end:6;
}
div.comment#Kendal-comment12{
    grid-column-start:3;
    grid-column-end:4;
    grid-row-start:8;
    grid-row-end:10;
}

div.comment#Luca_comment_1{
    grid-column-start:4;
    grid-column-end:5;
    grid-row-start:15;
    grid-row-end:17;
}
div.comment#Luca_comment_2{
    grid-column-start:5;
    grid-column-end:6;
    grid-row-start:15;
    grid-row-end:17;
}


div.comment#AskerComment5{
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 23;
    grid-row-end: 24;
    margin-bottom: 1em;
}

/* ------------- PAGE 7 ---------------- */

div.item#item-p7-a{
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 10;
    columns: 2 auto;
    font-family: 'Homoneta', serif;
}

div.item#item-p7-a p {
    text-indent: unset !important;
}

div.para {
    padding-top: 1em;
}

pre#hex {
    font-family: monospace;
    font-style: italic;
    font-weight: bold;
}

div.item#item-p7-b{
    grid-column-start: 3;
    grid-column-end: 5;
    grid-row-start: 14;
    grid-row-end: 22;
    columns: 2 auto;
}
div.item#item-p7-a figure{
    display: none;
}
div.item#duncan-figure-1 img,{

    width: 100%;

}
div.item#duncan-figure-1 figcaption{

    margin-left: 50%;

    margin-top: -3em;

}
div#duncan-tildes p{

    text-indent: unset !important;

}
div#duncan-tildes p b{

    margin-left: 2mm;

}
div#duncan-tildes p::before,
div#duncan-tildes p::after{

    content: "~";

    font-family: serif;

}
div#duncan-tildes p::before{

    margin-right: -2mm;

}
div#duncan-tildes p::after{

    margin-left: -2mm;

}
div.item#duncan-figure-1{
    grid-column-start: 4;
    grid-column-end: 6;
    grid-row-start: 5;
    grid-row-end: 9;
    margin-left: 1em;
}

div.comment#Duncan01 {
    grid-column-start:1;
    grid-column-end:2;
    grid-row-start:11;
    grid-row-end:12;
}
div.comment#Duncan02{
    grid-column-start:2;
    grid-column-end: 3;
    grid-row-start: 10;
    grid-row-end: 11;
}
div.comment#Duncan03{
    grid-column-start:3;
    grid-column-end:4;
    grid-row-start:10;
    grid-row-end:11;
}
div.comment#Duncan04 {
    grid-column-start:3;
    grid-column-end:4;
    grid-row-start:11;
    grid-row-end:12;
}

div.comment#Duncan_Anya01{
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 13;
    grid-row-end: 14;
    margin-top: -30px;
}

div.comment#Anya_1{
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 21;
    grid-row-end: 22;
}
div.comment#Anya_2{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 15;
    grid-row-end: 18;
}
div.comment#Anya_3{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 14;
    grid-row-end: 18;
}
div.comment#Anya_4{
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 11;
    grid-row-end: 14;
}
div.comment#Anya_5{
    grid-column-start:2;
    grid-column-end:3;
    grid-row-start:19;
    grid-row-end:21;
}
div.comment#Anya_6{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 18;
    grid-row-end: 19;
}
div.comment#Anya_7{
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 22;
    grid-row-end: 23;
}
div.comment#Anya_8{
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 22;
    grid-row-end: 24;
}

div.comment#AskerComment6{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 22;
    grid-row-end: 24;
    margin-bottom: 1em;
}

/* ------------- PAGE 8 ---------------- */

div.server{
}
div.bibliography{

    font-family: 'Amiamie';

    font-size: 12px;

}
div.bibliography div.contribution-title,
div.bibliography div.contribution-title a{

    color: red !important;

    text-decoration: none;

    font-family: "Roberte";

    font-size: 23px !important;

    color: black !important;

    text-indent: unset !important;

    font-weight: bold;

    gap: 3mm;

}
div.bibliography div.contribution-title a[href^="#"]::after{

    content: " (→ p." target-counter(attr(href url), page) ")";

    display: block;

}

div#server-left{
    grid-column-start: 3;
    grid-column-end: 5;
    grid-row-start: 7;
    grid-row-end: 16;
}
div#server-left img{

    width: 90%;

    margin: 2em auto 1em;

}

/* bibliographies */
div.item#item-p8-a{
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 7;
    grid-row-end: 14;
}
div.item#item-p8-b{
    grid-column-start: 3;
    grid-column-end: 6;
    grid-row-start: 1;
    grid-row-end: 6;
    columns: 3 auto;
}
div.item#item-p8-c{
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 14;
    columns: 2 auto;
}
div.item#item-p8-d{
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 20;
    grid-row-end: 23;
    columns: 2 auto;
}
div.item#item-p8-e{
    grid-column-start: 4;
    grid-column-end: 6;
    grid-row-start: 19;
    grid-row-end: 23;
    columns: 2 auto;
}
div.item#item-p8-f{
    grid-column-start: 3;
    grid-column-end: 6;
    grid-row-start: 15;
    grid-row-end: 18;
    columns: 3 auto;
    margin-top: 11mm;
}
div.item#item-p8-g{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 15;
    grid-row-end: 20;
}
div.comment#AskerComment7{
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 23;
    grid-row-end: 24;
}

/* ------------- PAGE 9 ---------------- */

div#server-right{
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 12;
    grid-row-end: 18;
    background: url(https://wiki4print.servpub.net/images/e/ed/Asset_10.svg);
    background-size: 170mm;
    background-repeat: no-repeat;
}
div#server-right img{

    width: 90%;

    margin: 1em auto;

}

div.bibliography div.item{

    padding-right: 3mm !important;

}

/* bibliographies */
div.item#item-p9-a{
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 8;
    grid-row-end: 11;
    columns: 2 auto;
}
div.item#item-p9-b{
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 8;
    grid-row-end: 16;
    padding-right: 1em;
}
div.item#item-p9-c{
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 19;
    grid-row-end: 23;
}
div.item#item-p9-d{
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 16;
    grid-row-end: 17;
}
div.item#item-p9-e{

    grid-column-start: 1;

    grid-column-end: 4;
    grid-row-start: 19;
    grid-row-end: 23;
    columns: 3 auto;
}
div.item#item-p9-f{
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 2;
    grid-row-end: 7;
    columns: 4 auto;
}
div.item#item-p9-g{
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 1;
    grid-row-end: 7;
}
div.item#item-p9-h{
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 12;
    grid-row-end: 14;
}
div.item#item-p9-i{
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 7;
    grid-row-end: 11;
}
div.comment#AskerComment8{
    grid-column-start: 3;
    grid-column-end: 5;
    grid-row-start: 23;
    grid-row-end: 24;
    margin-bottom: 1em;
}

/* ------------- PAGE 10 ---------------- */

div.item#item-p10-a{
    grid-column-start: 2;
    grid-column-end: 5;
    grid-row-start: 5;
    grid-row-end: 11;
    columns: 3 auto;
}
div.item#item-p10-a figure{

    display: none;

}
div#marie-figure-1 img,
div#marie-figure-2 img,
div#marie-figure-3 img {
    width: 95%;
    margin: 1em;
}

div#marie-figure-1{
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 5;
    grid-row-end: 8;
}
div#marie-figure-2{
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 9;
    grid-row-end: 12;
}
div#marie-figure-3{
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 3;
    grid-row-end: 6;
}

div.comment#Marie_comment1{
    grid-column-start: 3;
    grid-column-end: 5;
    grid-row-start: 2;
    grid-row-end: 3;
}
div.comment#Marie_comment2{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 7;
    grid-row-end: 9;
}
div.comment#Marie_comment3{
    grid-column-start: 3;
    grid-column-end: 5;
    grid-row-start: 11;
    grid-row-end: 14;
}
div.comment#Marie_comment4{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 10;
    grid-row-end: 14;
}
div.comment#Marie_comment5{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 3;
    grid-row-end: 4;
}
div.comment#Marie_6{
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 3;
    grid-row-end: 4;
}
div.comment#Marie_7{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 3;
}
div.comment#Marie_8{
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 1;
    grid-row-end: 2;
}
div.comment#Marie_9{
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 2;
}
div.comment#Marie_10{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
}
div.comment#Marie_11{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 4;
}
div.comment#Marie_12{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 12;
    grid-row-end: 14;
}

/* martyna */
div.item#item-p10-b{
    grid-column-start: 3;
    grid-column-end: 6;
    grid-row-start: 16;
    grid-row-end: 24;
    columns: 3 auto;
}
div.item#item-p10-b figure{

    display: none;

}
div.item#martyna-pentagon{
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 16;
    grid-row-end: 19;
}
div.item#martyna-pope{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 19;
    grid-row-end: 23;
}
div.item#martyna-pentagon img,
div.item#martyna-pope img,
div.item#martyna-img-right img{
    width: 80%;
}

div.item#martyna-img-right {
    z-index: -1;
}

div.comment#Martyna_Comment_01{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 19;
    grid-row-end: 21;
}
div.comment#Martyna_comment_02{
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 15;
    grid-row-end: 16;
}
div.comment#Martyna_Comment_03{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 22;
    grid-row-end: 23;
}
div.comment#Martyna_comment_04{
    grid-column-start: 4;
    grid-column-end: 6;
    grid-row-start: 15;
    grid-row-end: 17;
    margin-top: -3em;
}
div.comment#Martyna_Comment_05{
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 22;
    grid-row-end: 23;
}

div.comment#AskerComment9{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 23;
    grid-row-end: 24;
    margin-bottom: 0.5em;
}

/* ------------- PAGE 11 ---------------- */

/* martyna's image */
div.item#martyna-img-right{
    grid-column-start: 2;
    grid-column-end: 6;
    grid-row-start: 12;
    grid-row-end: 22;
    margin-top: 104px;
    width: 800px;
    margin-left: -150px;
}

div.comment#Martyna_comment_06{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 20;
    grid-row-end: 22;
}
div.comment#Martyna_Comment_07{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 19;
    grid-row-end: 20;
}

/* emilie */
div.item#item-p11-a{
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 13;
    columns: 3 auto;
}
div.item#item-p11-a img {
    padding-top: 1em;
}

div.comment#Emilie_01{
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 11;
    grid-row-end: 12;
}
div.comment#Emilie_02{
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 10;
    grid-row-end: 12;
}
div.comment#Emilie_03{
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 9;
    grid-row-end: 10;
}
div.comment#AskerComment10{
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 23;
    grid-row-end: 24;
    margin-bottom: 1em;
}

/* ------------- PAGE 12 ---------------- */

/* pierre */
div.item#item-p12-a{
    grid-column-start: 1;
    grid-column-end: 6;
    grid-row-start: 1;
    grid-row-end: 5;
    columns: 5 auto;
}
div.item#item-p12-a figure{

    display: none;

}
div.item#pierre-figure-1 img,
div.item#pierre-figure-2 img,
div.item#pierre-figure-3 img,
div.item#pierre-figure-4 img{

    width: 100%;

}
div.item#pierre-figure-1{
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 11;
    grid-row-end: 13;
}
div.item#pierre-figure-2{
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 15;
    grid-row-end: 18;
}
div.item#pierre-figure-3{
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 15;
    grid-row-end: 19;
}
div.item#pierre-figure-4{
    grid-column-start: 3;
    grid-column-end: 6;
    grid-row-start: 6;
    grid-row-end: 8;
}

div.comment#Pierre-comment-01{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 6;
    grid-row-end: 8;
}
div.comment#Pierre-comment-02{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 7;
    grid-row-end: 8;
}
div.comment#Pierre-comment-03{
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 10;
    grid-row-end: 12;
}
div.comment#Pierre-comment-04{
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 5;
    grid-row-end: 7;
}
div.comment#Pierre-comment-05{
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 12;
    grid-row-end: 14;
}
div.comment#Pierre-comment-06{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 13;
    grid-row-end: 20;
}
div.comment#Pierre-comment-07{
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 5;
    grid-row-end: 6;
}
div.comment#Pierre-comment-08{
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 13;
    grid-row-end: 18;
}
div.comment#Pierre-comment-09{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 12;
    grid-row-end: 15;
}
div.comment#Pierre-comment-10{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 12;
    grid-row-end: 21;
}
div.comment#Pierre-comment-11{
    grid-column-start: 4;
    grid-column-end: 6;
    grid-row-start: 10;
    grid-row-end: 12;
    margin-top: -3em;
}
div.comment#Pierre-comment-12{
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 10;
    grid-row-end: 11;
}
div.comment#Pierre-comment-13{
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 3;
    grid-row-end: 4;
}
div.comment#Pierre-comment-14{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 3;
}
div.comment#AskerComment11{
    grid-column-start: 4;
    grid-column-end: 6;
    grid-row-start: 21;
    grid-row-end: 24;
    margin-bottom: 2em;
}

/* ------------- PAGE 13 ---------------- */

/* denise */
div.item#item-p13-a{
    grid-column-start: 4;
    grid-column-end: 6;
    grid-row-start: 2;
    grid-row-end: 16;
    columns: 2 auto;
}
div.item#item-p13-a span.footnote {
    margin: 0.5em 0 0.75em 2em;
    display: block;
    position: relative;
}
div.item#item-p13-a figure{
    display: none;
}
div.item#denise-figure-1 img,
div.item#denise-figure-2 img{

    width: 95%;

}
div.item#denise-figure-1{
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 12;
    grid-row-end: 18;
}
div.item#denise-figure-2{
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 8;
}

div.comment#Denise_01{
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 17;
    grid-row-end: 18;
}
div.comment#Denise_02{
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 8;
    grid-row-end: 14;
}
div.comment#Denise_03{
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 20;
    grid-row-end: 21;
}
div.comment#Denise_04{
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 18;
    grid-row-end: 20;
}
div.comment#Denise_05{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 10;
    grid-row-end: 12;
}
div.comment#Denise_06{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 16;
    grid-row-end: 18;
}
div.comment#AskerComment12{
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 22;
    grid-row-end: 24;
    margin-bottom: 3em;
}

/* ------------- PAGE 14 ---------------- */

/* mateus */
div.item#item-p14-a{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 19;
}

div#Mateus_01{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 14;
    grid-row-end: 16;
}
div#Mateus_02{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 16;
    grid-row-end: 19;
}
div#Mateus_03{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 20;
    grid-row-end: 21;
}
div#Mateus_04{
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 16;
    grid-row-end: 18;
}
div#Mateus_05{
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 18;
    grid-row-end: 20;
}
div#Mateus_06{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 13;
    grid-row-end: 14;
    margin-top: -2em;
}
div#Mateus_07{
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 18;
    grid-row-end: 20;
    margin-top: 3em;
}
div#Mateus_08{
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 20;
    grid-row-end: 23;
}
div#Mateus_09 {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 21;
    grid-row-end: 23;
}
div#Mateus_10{
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 19;
    grid-row-end: 21;
}
div#Mateus_11{
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 22;
    grid-row-end: 24;
}
div#Mateus_12{
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 21;
    grid-row-end: 23;
}
div#item-p14-a figure{

    position: absolute;

    width: 190px;

}
div#item-p14-a figure:nth-of-type(1){

    left: 230px;

    top: 0;

}
div#item-p14-a figure:nth-of-type(2){

    left: 230px;

    top: 220px;

}

/* mariana */
div.item#item-p14-b{
    grid-column-start: 3;
    grid-column-end: 6;
    grid-row-start: 2;
    grid-row-end: 12;
    columns: 3 auto;
}
div.item#item-p14-b figure{

    display: none;

}
div#mariana-figure-1{
    grid-column-start: 4;
    grid-column-end: 6;
    grid-row-start: 12;
    grid-row-end: 15;
    margin-top: -3em;
    z-index: -1;
}
div#mariana-figure-1 figcaption{

    margin-left: 50%;

}
div#mariana-figure-1 img{

    margin: 1em;

}

div.item#item-p14-b span.footnote {
    margin: 0.5em 0 0.75em 2em;
    display: block;
    position: relative;
}

div.comment#AskerComment13{
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 23;
    grid-row-end: 24;
    margin-bottom: 0em;
}

/* ------------- PAGE 15 ---------------- */

#Mariana_1{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 4;
}
#Mariana_2{
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 3;
}
#Mariana_3{
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 5;
}
#Mariana_4{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 8;
    grid-row-end: 12;
}
#Mariana_5{
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 6;
    grid-row-end: 8;
}
#Mariana_6{
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 5;
    grid-row-end: 7;
}

/* rachel */
div.item#item-p15-a{
    grid-column-start: 4;
    grid-column-end: 6;
    grid-row-start: 4;
    grid-row-end: 23;
    columns: 1 auto;
    font-family: 'Amiamie' !important;
}
div.item#item-p15-a h2{

    font-family: 'Amiamie' !important;

    font-size: 125%;

    line-height: 1.15 !important;

    margin-bottom: 0.5em;

}

div#workshop-images{

    grid-column-start: 3;

    grid-column-end: 4;

  grid-row-start: 4;
  grid-row-end: 23;
  margin-top: 1em;
}
div#workshop-images img{

    width: 90%;

    margin-right: 1em;

    margin-bottom: 0.5em;

}

div#asker-author{
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 23;
    grid-row-end: 24;
    margin-top: 82px; /* manually placing the author name */
    font-family: 'Homoneta', serif;
    font-size: 10px;
}
div.comment#AskerComment14{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 23;
    grid-row-end: 24;
    margin-bottom: 1em;
}

/* ------------- PAGE 16 ---------------- */

div.comment#Contributor-politics{
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 15;
    grid-row-end: 16;
    margin-right: 1em;
}

div.item#contributors{
    grid-column-start: 1;
    grid-column-end: 6;
    grid-row-start: 17;
    grid-row-end: 24;
    columns: 5 auto;
    font-family: 'Amiamie' !important;
}
div#contributors p > b {
    margin: 0 !important;
    display: inline-block;
}
div#contributors p {
    text-indent: -0.5em !important;
}
div#backcover-figure-0 img,
div#backcover-figure-1 img,
div#backcover-figure-2 img, 
div#backcover-figure-3 img{

    margin: 0.5em;

}

div#backcover-figure-0{
    grid-column-start: 2;
    grid-column-end: 4;
    grid-row-start: 12;
    grid-row-end: 19;
}
div#backcover-figure-1{
    grid-column-start: 5;
    grid-column-end: 6;
    grid-row-start: 21;
    grid-row-end: 24;
}
div#backcover-figure-2{
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 5;
}
div#backcover-figure-3{
    grid-column-start: 3;
    grid-column-end: 6;
    grid-row-start: 4;
    grid-row-end: 24;
}

div#Editorial_6{
    grid-column-start: 3;
    grid-column-end: 6;
    grid-row-start: 1;
    grid-row-end: 4;
    margin-right: -1em;
    margin-left: 1.5em;
    margin-top: 1em;
}
div#Editorial_7{
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 10;
    grid-row-end: 12;
    margin-right: 1em;
}
div#Editorial_9{
    grid-column-start: 4;
    grid-column-end: 6;
    grid-row-start: 11;
    grid-row-end: 14;
    margin-top: 1em;
    margin-left: 1em;
}

/* ----------- cosmetics ------------- */

.mw-usertoollinks-talk,
.mw-usertoollinks-contribs{
    display: none;
}