body {

margin-top: 0px;
padding: 0;
font-family: 'Ubuntu Mono', monospace;

}

main {

width: 70%;
margin: 0 auto;

}

.svg-icon { width: 16px; height: 16px; display: inline-block; fill: #414141;}

img {

&[src~="thumbnail"] {
    width: 400px;
    height: auto;
    display:block;
    margin: 0 auto;
}

&[src~="bordered"] {
    border: 1px solid black;
}

}

footer {

text-align: center;
margin: auto;
font-size: 0.9em;
margin-bottom: 10px;
padding-bottom: 10px;
border-top: 1px dotted #000;

}

.pager {

margin: 15px 0;
padding: 0;
text-align: center;
list-style: none;

li {
    display: inline;

    a {
        display: inline-block;
        text-decoration: none;
        padding: 5px 10px;
        color: #000;
        border: 1px solid #ddd;
        border-radius: 25px;
    }
}

}

.post-list {

list-style: none;
padding: 0;

li {
    h3 {
        margin-bottom: 5px;
    }
}

i {
    font-size: 0.8em;
    color: grey;
}

}

@media (max-width: 392px) {

.pager {
    li {
        a {
            margin-top: 5px;
        }
    }
}

}

@media (max-width: 600px) {

img {
    &[src~="thumbnail"] {
        width: 250px;
        height: auto;
    }
}

}