@font-face {
    font-family: 'SpecialElite';
    src: url('SpecialElite.woff') format('woff');
}
@font-face{
    font-family : "Cardo";
    src: url('cardo-bold.woff') format('woff');
    src: url('cardo-italic.woff') format('woff');
    src: url('cardo-regular.woff') format('woff');
}
body{
    font-family : "Cardo";
    max-width : 420px;
    margin : auto;
}
header{
    text-align : center;
    margin: auto;
    border-bottom : 1px solid #333;
}
header > p{
    margin-bottom : 2em;
}
h1{
    font-family : "SpecialElite";
    text-transform : uppercase;
    font-size : 4em;
    line-height : 2;
}
h2{
    font-family : "SpecialElite";
    text-transform : uppercase;
    font-size: 2.5em;
    line-height : 1.2;
}    
h3::before {
    content: "❧";
}
h3{
    font-family : "SpecialElite";
    font-size : 1.5em ;
    line-height : 1;
}
q{
    font-style : italic; 
    line-height : 1em;
}
q::before {
    content : "«";
}
q::after {
    content : "»";
}
div{
    font-size : 15px;
    line-height : 2;
    margin-bottom: 2em;

}
span{
    font-size : 35px;
    float: left;
    line-height : 1em;
    font-family : "SpecialElite";
    margin : 5px 10px 0Px 0px;
}
p{
    text-align: justify;
    display: block;
    margin: 1em 1em 0px 0px;
}
a{
    text-decoration : none;
    border-bottom : 1px dashed;
    color : #333 ;
}
.end {
    text-align: center;
    font-size: 3em;
    line-height: 3em;
}
cite {
    margin :auto;
    margin-top : 1em;
    text-align : center;
}
.footer{
    text-align : center;
    border-top : 1px solid #333;
}