@font-face {
    font-family: 'Calgary';
    src: url('/static/fonts/Calgary.ttf') format('truetype');
}
@font-face {
    font-family: 'Olivera';
    src: url('/static/fonts/Olivera.ttf') format('truetype');
}
@font-face {
    font-family: 'AgenorNeue';
    src: url('/static/fonts/AgenorNeue.otf') format('opentype');
}
@font-face {
    font-family: 'ChunkyRetro';
    src: url('/static/fonts/ChunkyRetro.otf') format('opentype');
}

body {
    background-color: #27225f;
    font-family: AgenorNeue, Georgia, 'Times New Roman', Times, serif;
    color:whitesmoke;
}

h1 {
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

h2, h3, h4, h5 {
    font-family: Calgary, Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5 {
    color: #ffc900;
}

main h2, main h3, main h4 {
    cursor: pointer;
}

.wrapper {
    max-width: 600px;
    margin-left: 8px;
    margin-right: 8px;
}

.wrapper img {
    max-width: 100%;
}

a {
    color: floralwhite;
}

a.previewHref {
    text-decoration: none;
    font-family: AgenorNeue, Georgia, 'Times New Roman', Times, serif;
}

footer {
    text-align: right;
}

table {
    margin: auto;
}

thead {
    font-weight: bold;
}

.postPreview {
    padding: 1em 0em 1em;
    border-bottom: 1px solid darkgray;
}

nav {
    text-align: right;
}

code {
    background-color: #3030307a;
    padding: 2px;
}

categoryTag {
    display: inline-block;
    border: 1px solid;
    padding: 2px;
    border-radius: 5px;
}

table, th, td {
    border: 1px solid;
    border-collapse: collapse;
    padding: 5px;
}

main p:has(img) {
    text-align: center;
}

.highlighted {
    background-color: darkorchid;
}

find-tag { 
    text-decoration: underline;
    cursor: pointer;
}

blockquote {
    font-style: italic;
    border-left: 2px solid;
    padding-left: 10px;
}

pre code {
    color: #0007ff;
    background-color: unset;
    overflow-x: scroll;
    text-wrap: pretty;
}

/* Hit counter */
body > img {
    position: absolute;
}