:root {
    color-scheme: light dark;
  }

body {
    font-family : monospace ;
    font-size : 100% ;
    color: light-dark(#333b3c, #dee3ed);
    background-color: light-dark(#efedea, #1c1b22);
    min-height : 200px ;
    display : block ;
    margin: 0 ;
}

main, .main, .footer {
    padding: 1em ;
    margin: 1em;
    hyphens: auto;
    text-align: justify;
    text-align-last: none;
}

hgroup:first-of-type {
    padding: 1em ;
    margin: 1em;
}

.no-main {
    padding: 0;
    margin: 0;
}

a:link    { color: #00e7ff; text-decoration: none}
a:hover   { color: blue; text-decoration: underline}
a:visited { color: #00e7ff}

h1 a { color : inherit !important }
h2 a { color : inherit !important }
h3 a { color : inherit !important }
h4 a { color : inherit !important }
h5 a { color : inherit !important }
h6 a { color : inherit !important }

pre {
    margin : 2em 1em 2em 4em ;
}

#menu li {
    display : inline ;
}

#post-list {
    margin-bottom : 1em ;
    margin-top : 1em ;
}

img {
    width: 80%;
}

.header-text {
    padding-top: 50vh;
    margin-top: 0;
    padding-left: 3rem;
    text-shadow: 0px 0px 5px gray, 5px 5px 15px black;
    max-width: 70vw;
}

.contact-text {
    color: #313437 !important;
    text-decoration: none;
}

.contact-grid {
    display: grid;
    grid-template-columns: auto 1fr;
}

.contact-txt {
    padding-right: 1rem;
}

article header {
    text-decoration: underline;
}

.admonition {
    border: 1px solid gray;
    padding: 1em;
    margin: 1em 0;
    background-color: light-dark(#f9f9f9, #2c2c2e);
}