/* || styles for blog entries */

:root {
    scrollbar-color: var(--accent2) var(--bg);
}

body {
    padding: 2em 1em;
}

main, nav {
    max-width: 55em;
    margin: 1em auto;

    padding: 1em;

    border: 2px var(--accent2) dashed;

    background-color: var(--bg-lighter);
}

nav {
    width: 10em;
    text-align: center;
}

hr {
    border: 0;
    border-top: 2px var(--accent2) dashed;
}

h1 {
    font-size: 3em;
}

img {
    display: block;
    margin: 0 auto;
    width: 75%;
}

.status {
    display: block;
    text-align: right;
}