@font-face {font-family: "body";
    src: url("notoserif.ttf") format("truetype");
}
@font-face {
    font-family: "heading-top";
    src: url("bonanova.ttf") format("truetype");
}
@font-face {
    font-family: "heading-bottom";
    src: url("unifraktur-maguntia.ttf") format("truetype");
}

body {
    background: #eee;
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px;
    font-family: "body", serif;
    font-size: 18px;
}
h1 div.heading-top {
    font: 25px "heading-top", serif;
    text-align: center;
}
h1 div.heading-bottom {
    font: 60px "heading-bottom", serif;
    text-align: center;
}
a {
    color: #00b;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
div.rss a {
    display: inline-block;
    background: rgba(0,0,0,0.1);
    padding: 10px;
    position: absolute;
    top: 0;
    right: 0;
}
div.item a {
    display: block;
    padding: 10px 10px 10px 48px;
    text-indent: -38px;
}
div.item a:hover,
div.rss a:hover{
    background: rgba(0,0,0,0.2);
    text-decoration: none;
}
div.item:nth-child(even) {
    background: rgba(0,0,0,0.1);
}