@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&display=swap');

body {
    max-width: 45em;
    margin: 4em auto;
    left: 0; right: 0;

    font-family: "IBM Plex Mono", monospace;

    text-shadow: 2px 2px #0001;
    text-align:  left;

    color: #073642;
    background-color: #fdf6e3;

}

@media (max-width: 700px) {
    body {
        margin: 0.5em;
    }
}

h1 span, h3 span, h1 a.ablack, h3 a.ablack {
    background-color: #2aa198;
    padding: 0.25em;
    color: #fdf6e3;
}

section {
    margin: 2em 0em;
}

ul {
    list-style-type: square;
}

a {
    font-weight: bold;
    color: #dc322f;
    padding: 1px;
    text-decoration: none;
}

a:hover {
    background-color: #dc322f;
    color: #fdf6e3;
}

pre {
    background-color: #eee8d5;
    box-shadow: 2px 2px #00000008;
    padding: 1em;

    font-size: 1.1em;
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

img.t {
    width: 25%;
}

img {
    max-width: 90%;
}

/*** BASHBLOG SPECIFIC ***/

div#title, div#divbody {
    padding-bottom: 1em;
    border-bottom: dotted #0003 4px;
}

div.subtitle {
	font-style: italic;
	font-size: 80%;
}

div#all_posts, div#footer {
	font-style: italic;
	font-size: 60%;
	text-align: center;
}