* {
    font-size: 1em;
    font-family: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace;
    font-weight: normal;
    color: #BAB290;
}

a {
    color: currentColor;
}

a:hover {
    color: #231E1A;
    background-color: #BAB290;
}

body {
	max-width: 60em;
	margin: auto;
	padding:2em;
    background-color: #231E1A;
}

h1 {
    width: 60px;
}

h2 {
    font-weight: bold;
}

img {
     display: block;
     max-width: 75%;
     margin: auto auto 1em;
    image-rendering: pixelated;
}

img:hover {
    cursor: pointer;
}

.tags {
     margin:10px auto;
     max-width:80%;
     padding: 0;
}

.tags li {
    display: inline;
} 

li {
    list-style-type: none;
}

article {
	margin-bottom: 50px;
}

.alltags {
	padding:10px;
	margin:2em auto;
    width:90%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='32  32 32'%3E%3Cpath fill='%2F1A93A' fill-opacity='1.0' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
    background-color: rgba(186, 178, 144, 0.9);

}

.alltags a {
    display: inline-block;
}

.alltags > a {
    color: #231E1A;
}

article > h2, .image-description {
    text-align: right;
    max-width: 85%;
    font-weight: normal;
}

p {
    margin: auto;
    max-width: 80%;
}

hr {
    border: 1px solid rgba(255, 255, 255, 0.05);
    margin: 40px;
}

.pagination {
    text-align: center;
}

.pagination > * {
    margin: 0 10px;
}

.pagination > span.current-page {
    font-weight: bold;
}

footer {
    text-align: right;
    width: 90%;
    margin-top: 40px;
}

footer li {
    display: inline;
}