@media print{ 

        @page {
            size: A5;
            margin-top: 5mm;
            margin-right: 10mm;
            margin-bottom: 20mm;
            margin-left: 7.5mm;
        }
        
  html, body {
      font-size: 14px;
      font-family: Fengardo;
    }
    
    .container{
        display: block;
        width: auto;
        height: auto;
    }




    .atlas {
        border: none;
    }

    .atlas svg {
        width: auto;
        height: auto;
        max-width: 100%;
    }
    

    

    .contributions,
    .contribution {
        border-bottom: none;
    }
    
   
    
    header.cover{
        width: auto;
        height: 100%;
        min-height: auto;
        padding: 0;
        border: none;
    }
    
    .cover .title {
        font-size: 46px;
        margin: 64px 0;
    }
    
    .atlas,
    .cover,
    .contributions,
    .contribution,
    .index,
    .content img {
        break-before: page;
    }
    
    
    .info{
        display: none;
    }

    .index {
        display: block;
        columns: unset;
    }
    .index table{
        width: 100%;
        border-collapse: collapse;

    }
    .index tr{
        border-top: solid 1px currentColor;
        border-bottom: solid 1px currentColor;
    }

    .index-title {
        font-weight: bold;
        margin-top: 16px;
        text-transform: uppercase;
        text-align: right;
    }


    .symbol {
        text-transform: lowercase;
        width: 20%;
    }
    



    .libretto {
        overflow: hidden;
        /* height:100%; */
    }

    .libretto > *{
        border-bottom: none;
    }

    .contribution .content h2,
    .contribution .description{
        font-size: 18px;
    }

    .contribution .title {
        font-size: 28px;
    }

    .contribution {
        border-bottom: none;
        height: 100%;
        overflow: hidden;
    }

    img {
        margin: 16px auto;
    }
 

    /*Sorry Gi, the multicolumn layout is too painful */
    
    /* .contribution .content{
        column-count: 2;
        column-fill: auto;
    }  
    .contribution li{
        column-span: none;
    } 

    .contribution img{
        column-span: all;
        float: left;
    }


     */


    /* .content p, .content h2 {
        margin: default;
    } */

    button#btn-print {
        display: none;
    }


    .full-height {
        height: 100%;
    }

}


@media print{

:root {
        --text: tomato;
        --wireframe: tomato;
        --background: #ffffff;
    }

    html, body{
        background-color: var(--background);
    }
}