SI20/carddeck1/stylesheet.css

@font-face {
    font-family: Consolation;
    src: local('Consolation016'), url(./fonts/Consolation016.woff) format('woff'); 
    font-weight:normal;
}
body {
    font-family: Consolation;
    text-transform: uppercase;
    letter-spacing: 1.5;
    padding: 0,5cm;
    margin-top: 3mm;
    margin-left: 1cm;
}
.card
{
    width: 7.5cm;
    height: 11.5cm;
    border: solid 0.3px rgb(189, 181, 181);
    float: left;
    position: relative;
    margin: 2mm;
    page-break-inside: avoid;
}
.card > p.image > img {
   width: 7.5cm;
   height: 10.6cm;
   position: absolute;
   top: 10mm; 
   border-radius: 10px;
   z-index: -1;
   break-inside: avoid;
   filter: saturate(70%);

   /* display: none; */
}
.card > h2{
    top: 5mm;
    left: 5mm;
    margin: 0;
    text-align: center;
    padding-top: 3mm;
    font-size: 13px;
    font-family:monospace;
    font-family: Consolation;
    text-transform: uppercase;
    letter-spacing: 1.5;
    break-inside: avoid;
    /* display: none; */
}
.card > p.text {
    width: 50mm;
    height: 50mm;
    position: absolute;
    top: 40mm;
    left: 10mm;
    text-align: center; 
    margin: 0;
    break-inside: avoid;
    /* display: none; */
 }
 .card > p.textnoimage {
    width: 60mm;
    height: 85mm;
    position: absolute;
    top: 20mm;
    left: 5mm;
    right: 5mm;
    text-align: center;
    font-size: 6.5;
    font-family: Consolation;
    text-transform: uppercase;
    letter-spacing: 1.5;
 
    /* display: none;  */
 }

 .card > p.que {
    width: 50mm;
    height: 50mm;
    position: absolute;
    top: 20mm;
    left: 10mm;
    text-align: left; 

 }

 @page {
    size: auto;
    margin-top: 10mm;
    margin-left: 5mm;
    margin-right: 5mm;

     }