@import url("upload/fonts.css");


body {
margin-right: 20%;
margin-left: 20%;
font-family: authentic-sans-130;
color: #590808;
border-left: solid;
}


h1, h2, h3, h4, h5, h6, p, ul {
  padding-left: 4%;
}

strong {
font-weight: normal;
background: #ff182d;
color: white!important;
padding-inline: 2%;
padding-block: 0.5%;
border-radius: 2rem;
}

ol li:not(h3 + ol li) {
  margin-top: 1%;
line-height: 1.4;
}

ol:not(h3 + ol) {
  font-size: 18pt;
  margin-left: 6%;
}


ul {
  padding-left: 10%;
}

ul li, ul li ul, ul li ol {
margin-top: 2%;
}

pre {
margin-left: 4%;
}

#opendesigncourse {
  background: none;
margin-top: 0;

}

[alt="table"] {
filter: grayscale(1);
z-index: -10;

}

h1:not(#font h1) {
font-size: 40pt;
    text-transform: uppercase;
    width: fit-content;
    text-align: center;
    font-weight: normal;
    font-family: bbb-readme-black;
    border: solid 1px #590808;
    padding-inline: 2%;
    border-radius: 3rem;
    margin-right: auto;
    margin-left: auto;
    box-shadow: 4px 4px #590808;
}

#html2printworkshop {
border: none !important;
    box-shadow: none !important;
    margin-top: 0;
    padding-top: 2%;
    margin-bottom: 0;
}

h2 {
font-size: 25pt;
font-family: bbb-readme-bold;
color: #ff1228;
}

  h3 + ol {
    font-size: 20pt;
    line-height: 0.3;
    display: flex;
    justify-content: start;
    width: 20%;
    list-style: none;
    position: fixed;
    top: 0;
    left: 0;
    flex-direction: column;
    padding-left: 0;
    height: 100%;
    margin-top: 0;
    background: #d2ffdd;
  }

h3 + ol li:hover {
background: #590808;
}

h3 + ol li {
    border: solid 1px;
    border-radius: 2rem;
    padding-inline: 3%;
    box-shadow: 2px 2px #590808;
    text-transform: uppercase;
    font-family: BBB-readme-black;
    height: fit-content;
    background: #ff182d;
    padding-block: 4%;
    width: fit-content;
margin-left: 1%;
margin-top: 2%;
  }

h3 + ol li p {
margin: 0;
padding-left: 0;
}

h3 + ol li a {
text-decoration: none;
color: white;
}

h3 {
text-align: center;
    color: #590808;
    padding: 1%;
    margin-top: 4%;
font-size: 20pt;
    font-family: authentic-sans-150;
border-bottom: solid #590808;
}

h5 {
font-size: 18pt;
margin-bottom: 0;
}

h5 + p, h5 {
text-align: center;
}

h5 + p {
margin-top: 0;
}

p, ul li {
font-size: 18pt;
}

ul li {
list-style-type:"⊹ " ;
}

p, ul li {
line-height: 1.4;
margin-left: 4%;
margin-right: 4%;
}

img {
max-width: 100%;
margin-right: auto;
margin-left: auto;
margin-block: 2%
}

p:has([alt="layout"]) {
text-align: center;
}

.posters {
column-count: 2;
border-bottom: solid 2px #ff182d;
padding-bottom: 4%;
}

.posters p {
width: fit-content;
font-size: 10pt;
margin-bottom: 10%;
display: flex;
flex-direction: column;
}

.posters p img {
    max-width: 100% !important;
    padding-bottom: 2%;
    width: 100%;
}

.posters h3 {
font-size: 22pt;
width: 60%;
margin-right: auto;
margin-left: auto;
}

.posters h2 {
    border: solid 2px #ff182d !important;
    width: fit-content;
    margin: 0;
    padding: 2%;
    border-top: none !important;
}

pre {
    background: #d2ffdd;
    padding: 2%;
    border-radius: 2rem;
}

code {
    font-family: 'authentic-sans-90';
    line-height: 1.4;
    font-size: 14pt;
}

a {
  color: #ff182d;
}

#font h1 {
text-shadow: none;
font-size: 40pt;
-webkit-text-stroke: 0!important;
color: #590808;
font-weight: normal!important;
text-transform: lowercase!important;
border-bottom: solid 1px;
    margin-bottom: 0;
    margin-top: 0;
    padding-block: 2%;
}

#routedgothic {
    font-family: routed-gothic;
}

#aeronef {
    font-family: aeronef;
}

#amiamieregular {
font-family: amiamie-regular;
}

#amiamieregularround {
font-family: amiamie-regular-round;
}
#amiamieregularitalicround {
font-family: amiamie-regular-italic-round;
}

#amiamieitalic {
font-family: amiamie-italic;
}

#amiamieblack {
font-family: amiamie-black;
}

#amiamieblackitalic {
font-family: amiamie-black-italic;
}

#amiamieblackround {
font-family: amiamie-black-round;
}

#amiamieblackitalicround {
font-family: amamie-black-italic-round;
}

#authenticsans60 {
font-family: authentic-sans-60
}

#authenticsans90 {
font-family: authentic-sans-90
}

#authenticsans130 {
font-family: authentic-sans-130
}

#authenticsans150 {
font-family: authentic-sans-150
}

#authenticsanscondensed60 {
font-family: authentic-sans-condensed-60;
}

#authenticsanscondensed90 {
font-family: authentic-sans-condensed-90;
}
#authenticsanscondensed130 {
font-family: authentic-sans-condensed-130
}
#authenticsanscondensed150 {
font-family: authentic-sans-condensed-150
}

#bananalight {
font-family: banana-light;
}

#bananaregular {
font-family: banana-regular;
}

#basteleur {
font-family: basteleur;
}

#herthey95 {
font-family: herthey-95;
}

#herthey40 {
font-family: herthey-40;
}

#karrik {
font-family: karrik;
}

#jurage {
font-family: jurage;
}

#bbbreadmeblack {
font-family: BBB-readme-black;
}

#bbbreadmebold {
font-family: BBB-readme-bold;
}

#bbbreadmeregular {
font-family: BBB-readme-regular;
}

#berlinemail {
font-family: berlin-email;
}

#catkurier {
font-family: cat-kurier;
}

#computermodernserifvebold {
font-family: computer-modern-serifve-bold;
}
#computermodernserifveextrabold {
font-family: computer-modern-serifve-extrabold;
}

#computermodernserifveregular {
font-family: computer-modern-serifve-regular;
}

#director {
font-family: director;
}

#espresso {
font-family: espresso;
}

#euskaliburdark {
font-family: euskalibur-dark;
}

#fluxischelsebold {
font-family: fluxisch-else-bold;
}

#fluxischelselight {
font-family: fluxisch-else-light;
}

#fluxischelseregular {
font-family: fluxisch-else-regular;
}

#gapsansblack {
font-family: gap-sans-black;
}

#gapsansbold {
font-family: gap-sans-bold;
}

#gapsansregular {
font-family: gap-sans-regular;
}

#garabossegaillarde {
font-family: garabosse-gaillarde;
}

#garabosseperle {
font-family: garabosse-perle;
}

#grandolaregular {
font-family: grandola-regular;
}

#graphiccatregular {
font-family: graphic-cat-regular
}

#junicodeboldcondensed {
font-family: junicode-bold-condensed;
}

#junicoderegularcondensed {
font-family: junicode-regular-condensed;
}
#knorke {
font-family: knorke;
}

#kryptique {
font-family: kryptique;
}

#manifontgroteskbolditalic {
font-family: manifont-grotesk-bold-italic;
}

#manifontgroteskbold {
font-family: manifont-grotesk-bold;
}

#manifontgroteskbookitalic {
font-family: manifont-grotesk-book-italic;
}

#manifontgroteskbook {
font-family: manifont-grotesk-book;
}

#ouestregular {
font-family: ouest-regular;
}

#ouroboros {
font-family: ouroboros;
}

#ouvrieres {
font-family: ouvrieres;
}

#picnic {
font-family: picnic;
}

#publifluorchrystelise {
font-family: publifluor-chrystelise;
}

#publifluornormalerush {
font-family: publifluor-normale-rush;
}
#publifluornormal {
font-family: publifluor-normal;
}
#publifluornormalouverte {
font-family: publifluor-normal-ouverte;
}
#venusacier {
font-family: venus-acier;
}
#venusb {
font-family: venus-b;
}

#venuscarrare {
font-family: venus-carrare;
}


#venusmartre {
font-family: venus-martre;
}
#venuscormier {
font-family: venus-cormier
}
#venusql {
font-family: venus-ql;
}

#risha {
font-family: risha;
}

#opsilon {
font-family: opsilon;
}

#newspaper {
font-family: newspaper;
}

#cassette {
font-family: cassette;
}

#hikasami {
font-family: hikasami;
}

#akt {
font-family: akt;
}

#karkas {
font-family: karkas;
}
@media print {

@page {
margin: 1cm!important;
margin-left: 2cm;
size: A4;
}


h3 + ol {
display: none!important;
}

 
body {
margin-left:0cm!important;
margin-right:0cm!important;
border: none!important;
width: 200mm;
} 

[alt="css"] {
width:7cm;
}

p:has[alt="css"] {
text-align: center;
}

p, ul li, ol li, code, pre {
font-size: 12pt;
}

h1 {
font-size: 16pt!important;
}

h2 {
font-size: 14pt;
}

h3 {
font-size: 12pt;
margin-top:0!important;
padding: 0!important;
}

ul li, ol li {
margin-top: 0!important;
}




}