/*
#############
    font
############
*/

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

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

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

body{
    width: 420px;
    margin:auto;
    line-height: 1.5;
    font-family: 'cardo';
    text-align: justify;
}
/* 
###############
    header
###############
*/

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

header p{
    border-bottom: 1px solid black;
    padding-bottom:25px;
    text-align:left;
}

header{
    text-align: center;
}

header blockquote{
    text-align: left;
    font-family: 'cardo-italic';
    font-weight: bold;
}

/* 
###############
    Main
###############
*/

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

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

h3:before {
    content:"❧";
    margin-right: 10px;
}

main p:first-letter{
    font-family: 'Special';
    font-size: 2em;
    float: left;
    margin-right: 20px;
}
/* 
###############
   Footer
###############
*/

footer p{
    font-size: 4.5em;
    text-align:center;
}

footer blockquote{
    font-family: 'cardo-italic';
    font-weight: bold;
}

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

a:hover{
     text-shadow: 2px 2px 4px black;
     font-weight: bold;
}