#hbox {position:absolute;left:0px;top:0px;width:100%;min-height:100%;display:flex;flex-direction:row;justify-content:center}
#vbox {max-width: 800px;display:flex;flex-direction:column;justify-content:top;padding:10px;border-radius:8px}
@media(min-height:500px) {
    #vbox {margin-top: 20px; margin-bottom:20px}
      }
@media(min-width:450px) {
    #vbox {margin-left: 20px; margin-right:20px; padding-left: 20px; padding-right: 20px}
}
@media(min-height:700px) {
    #vbox {margin-top: 40px; margin-bottom:40px}
}
.date {font-weight: 600}
h2 {margin-top: 10px; margin-bottom:20px}
ul {margin-top:5px}
.withsubheader{margin-bottom:0px;}
.subheader{margin-top:3px; font-size: 95%; font-weight: 400; margin-bottom: 20px}

p {margin-top: 0}

@media (prefers-color-scheme: light) {
    body{background:#fff}
    a, a:visited {text-decoration:none; color: #00F}
    a:hover {text-decoration: underline}
    #vbox{background: #def}
}


@media (prefers-color-scheme: dark) {
    body{background: #282828; color: #2F0}
    #vbox{background: #111}
    a, a:visited {color:#F60}
    .ll{color:#F60}
}