@font-face {
    font-family: "Cardo";
    src: url(../Fonts/cardo/cardo-bold.woff) format("woff");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "Cardo";
    src: url(../Fonts/cardo/cardo-italic.woff) format("woff");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: "Cardo";
    src: url(../Fonts/cardo/cardo-regular.woff) format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "SpecialElite";
    src: url(../Fonts/specialelite/SpecialElite.woff) format("woff");
    font-weight: normal;
    font-style: normal;
}

body {
    margin: auto;
    width: 420px;
    line-height: 1.5;
}

h1, h2, h3 {
    font-family: SpecialElite;
    text-transform: uppercase;
}

h1 {
   font-size: 4em;
   line-height: 2;
}

h2 {
    font-size: 2.5em;
    line-height: 1.2;
}

h3 {
    font-size: 1.5em;
    line-height: 1;
}

h3::before {
    content:"❧" ;
}

pre {
    font-family: Cardo;
    font-style: italic;
    font-weight: bold;
    text-align: left;
    
}

#quote {
    margin-left:5%;
}

pre::before {
    content:"« ";
}

pre::after {
    content:" »";
}


hr {
    border: 0.5px solid black
}

p {
    font-family: Cardo;
    text-align: justify;
}

a { 
    text-decoration: none; 
    border-bottom: 1.5px dashed;
    color: black;
}

p:first-letter {
    font-size: 2em;
    float:left;
    clear: left;
    font-family: SpecialElite;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0.2em 0.5em 0 0;
    
}

div {
    font-family: Cardo;
}

.center {
    text-align: center;
    position: relative;
}

#citation {
    padding: 0 15%;
    
}

#dessin {
    font-size: 50px;
}

span {
    font-style: italic;
}