body {
    background-color: rgb(157,197,223);
    font: normal 100% helvetica, arial, clean, sans-serif;
    text-align: justify;
    padding: 0 2em;
}

h2 {
    margin: 0.5em 0.25em;
}

h3 {
    margin: 0.5em 0.5em;
}

h4 {
    margin: 0.5em 0.75em;
}

p {
    margin: 1em 0;
}

a {
   color: #364b66; 
}

a:hover {
    color: black;
}

.site {
    width: auto;
    max-width: 850px;
    margin: 3em auto;
    line-height: 1.5em;
}

.title {
    margin: 0.5em auto;
    padding: 0 1.4em;
}

.paper{
    margin:0.4em;
}

ol{
    list-style: none;
}

#home {
    border-style: solid;
    border-width: 0.4em 0.4em 0.4em 0.4em;
    border-color: #364b66;
    border-radius: 1.6em;

    padding: 0 1em 0.8em;
    box-shadow: 0.04em 0.04em 0.5em #555;
    margin: 0 auto;
}

.site .title a {
    color: #364b66;
}

.site .title a.extra:hover {
    color: black;
}

.site .meta {
    color: rgb(161,98,91);
}

.site .footer {
    margin-top: 2em;
    height:1em;
    overflow: hidden;
}

.site .footer .contact {
    float: left;
    margin-right: 3em;
}

.site .footer .rss {
    margin-top: 1.1em;
    margin-right: -.2em;
    float: right;
}

.site .footer .rss img {
    border: 0;
}

@media screen and (max-width: 450px) {
    body{
        padding: 0;
    }
    /*remove hover for mobile devices*/
    a:hover{
    }

    .site{
        text-align: left;
        margin: 0.5em;
    }

    #home{
        border-style: none;
        box-shadow:none;
        padding:none;
    }
}