@media (prefers-contrast:more),(prefers-contrast:less),(-ms-high-contrast:active),(-ms-high-contrast:black-on-white) {
  :root {
    --color-background:#fff;
    --color-text-primary:#000;
    --color-text-secondary:#000;
    --color-link:#de0000;
    --color-border:#000;
    --color-input-text:#fff;
    --color-input-text-hover:#000;
    --color-input-background:#000;
    --color-input-background-hover:#fff
  }
}

@font-face {
    font-family: 'fontward'; /*a name to be used later*/
    src: url('Courier Prime.ttf'); /*URL to font*/
}

body {
  background-color:var(--color-background);
  /*background-image:url(sitebg.png);*/
  color:#fff;
  font-family:"fontward";
  font-size:1rem;
  margin:0
}
#site {
  box-sizing:border-box;
  display:grid;
  row-gap:2rem;
  margin:1rem auto;
  max-width:60%;
    background-color:var(--color-background);
    padding:0.5rem;
}
#site-header {
  order:1
}
#site-content {
  order:var(--order-content)
}
#blognav {
  order:var(--order-widgets-nav)
}
#blogextra {
  order:var(--order-widgets-extra)
}
#site-footer {
  font-size:.9em;
  order:var(--order-footer)
}
a {
  border-bottom:.063rem dotted var(--color-text-primary);
  color:inherit;
  text-decoration:none
}
a:active,
a:hover {
  border-bottom-color:var(--color-link);
  border-bottom-style:solid;
  color:var(--color-link)
}
a:focus,
a:focus img {
  background-color:var(--color-background);
  color:var(--color-link)
}
.text-secondary {
  color:var(--color-text-secondary)
}
.text-secondary a {
  border-bottom-color:var(--color-text-secondary)
}
.text-secondary a:active,
.text-secondary a:hover {
  border-bottom-color:var(--color-link)
}
.text-italic {
  font-style:italic
}
.text-small {
  font-size:.9em
}
p {
  margin:1em 0
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin:1em 0
}
h1 {
  font-size:1.5em
}
h2 {
  font-size:1.25em
}
h3 {
  font-size:1em
}
h4 {
  font-size:.9em
}
h5 {
  font-size:.8em
}
h6 {
  font-size:.7em
}
strong {
  font-weight:700
}
em {
  font-style:italic
}
del {
  text-decoration:underline
}
mark {
  background-color:#fbf7a6
}
blockquote {
  border-left:.063rem solid var(--color-border);
  margin:1em 0;
  padding:0 0 0 1em
}
code,
pre {
  background-color:var(--color-input-background);
  font-family:Menlo,Consolas,Monaco,"Liberation Mono","Lucida Console",monospace;
  font-size:1em;
  white-space:pre-wrap
}
pre {
  display:block;
  margin:1em 0;
  padding:.5em
}
code {
  display:inline
}
figure {
  margin:1em 0
}
img {
  max-width:100%;
  height:auto
}
img.media {
  display:block
}
figure p {
  font-size:.9em;
  margin:0
}
input,
textarea {
  background-color:var(--color-input-background);
  border:.063rem solid var(--color-border);
  border-radius:0;
  box-sizing:border-box;
  color:var(--color-input-text);
  font-family:inherit;
  font-size:1em;
  max-width:100%;
  padding:.5em
}
button {
  font-family:inherit;
  font-size:1em;
  margin:0
}
button,
.button {
  border:.063rem solid var(--color-border);
  display:inline-block;
  padding-right:.5em;
  padding-left:.5em
}
input[type="submit"],
.form-submit,
.button {
  background-color:var(--color-input-background);
  color:var(--color-input-text);
  padding-top:.25em;
  padding-bottom:.25em
}
input[type="submit"]:active,
input[type="submit"]:focus,
input[type="submit"]:hover,
.button:active,
.button:focus,
.button:hover,
.form-submit:active,
.form-submit:focus,
.form-submit:hover {
  background-color:var(--color-input-background-hover);
  border-color:var(--color-input-background-hover);
  color:var(--color-input-text-hover);
  cursor:pointer
}
textarea {
  width:100%
}
.form-entry {
  margin:.5rem 0
}
.form-entry label {
  display:block;
  font-size:.9em;
  margin-bottom:.25rem
}
.form-info {
  font-size:.9em
}
#comment-form .remember label:hover,
.form-entry label:hover {
  cursor:pointer
}
#page-search-form {
  margin:1rem 0
}
.page-search-form-input {
  width:100%
}
#site-title {
  font-size:1.5em;
  row-gap:1rem;
  margin:0
}
#site-title a {
  border-bottom:none
}
#site-description {
  font-size:1em;
  font-weight:400;
  margin:.5rem 0 0
}
.content-info {
  margin-bottom:2em
}
.content-info .label {
  margin-bottom:.5em
}
.content-meta {
  margin-bottom:.5em
}
.content-title {
  margin:0
}
.content-description {
  margin:.5em 0 0
}
.label {
  border:.063rem solid var(--color-border);
  display:none;
  font-size:.9em;
  line-height:1;
  padding:.5em
}
.post-meta {
  font-size:.9em
}
.post-title {
  margin:0
}
.post-content,
.page-content {
  margin:1.5em 0
}
.text {
  line-height:1.5;
  text-align:var(--text-align)
}
.text ol,
.text ul {
  margin:1em 0;
  padding-left:1em
}
.text ol ol,
.text ol ul,
.text ul ol,
.text ul ul {
  margin-top:0;
  margin-bottom:0
}
.text li {
  list-style-position:inside
}
.text hr {
  border:0;
  margin:2em 0;
  text-align:center
}
.text hr::after {
  color:var(--color-text-primary);
  content:"\002042"
}
.post-single .post-footer {
  margin:2em 0 4em
}
.post-single .post-footer .attachments {
  margin-bottom:2em
}
#post-footer-print {
  display:none
}
.post-list {
  margin-bottom:2rem
}
.post-list:last-of-type {
  margin-bottom:0
}
.post-thumbnail {
  display:block;
  margin:1em 0 .5em;
  width:100%
}
.post-excerpt {
  margin-top:.5em
}
.post-list-standard .post-link {
  display:block
}
.post-list-standard .post-meta {
  margin-bottom:.25em
}
.post-list-standard .post-title {
  font-size:1.1em
}
.post-list-standard .label-selected {
  border-left:none;
  margin-left:-1rem;
  margin-bottom:.5em
}
.post-list-standard .post-list-selected-content {
  border-left:.063rem solid var(--color-border);
  padding-left:1rem
}
.post-list-standard .label-page {
  margin-bottom:.5em
}
.post-list-standard .post-list-reactions {
  display:inline-block;
  margin-left:.25em
}
.post-list-standard .post-footer {
  font-size:.9em;
  margin-top:.5em
}
.post-list-standard .read-more {
  border:none
}
.post-list-short .post-title {
  display:inline
}
.post-single .label-selected {
  margin-bottom:1em
}
.post-single .post-meta {
  margin-bottom:.5em
}
.post-pagination {
  display:flex;
  margin-top:4em
}
.post-pagination-next,
.post-pagination-prev {
  width:50%
}
.post-pagination-prev {
  padding-right:.5em
}
.post-pagination-next {
  margin-left:auto;
  padding-left:.5em;
  text-align:right
}
.post-pagination-title {
  font-size:.9em;
  margin-bottom:.25em
}
.post-pagination-link-container {
  font-style:italic
}
.reactions-block {
  margin-bottom:4rem
}
#reactions-list {
  list-style:none;
  margin:2em 0 4em;
  padding:0
}
.reaction {
  margin:2em 0
}
.reaction:last-child {
  border-bottom:none
}
.reaction-title {
  margin-top:2em
}
.comment {
  border-left:.063rem solid var(--color-border);
  padding-left:1em
}
.comment.me {
  border-top:.063rem solid var(--color-border);
  border-right:.063rem solid var(--color-border);
  border-bottom:.063rem solid var(--color-border);
  padding-top:1em;
  padding-right:1em
}
.comment-meta {
  margin-bottom:.5em
}
.comment-author {
  color:var(--color-text-primary);
  font-style:normal;
  font-weight:700
}
.comment-date {
  font-size:.9em
}
.comment-preview {
  border:.063rem solid var(--color-border);
  margin-bottom:2em;
  padding:1em
}
.comment-preview-info h3 {
  margin-top:0
}
.comment-preview .comment-content {
  border:none;
  margin-bottom:1em;
  padding:0
}
#comment-form h3 {
  margin-bottom:1em
}
#comment-form #c_content {
  width:100%;
  max-width:none
}
#comment-form .remember {
  margin:.5em 0
}
#comment-form .remember input[type="checkbox"] {
  margin-left:0
}
#comment-feed-link {
  margin-top:2em
}
.comment-message {
  font-weight:700;
  margin-bottom:2em
}
.comment-links ul {
  font-size:.9em;
  list-style:none;
  margin-top:2em;
  padding:0
}
.comment-links ul li {
  margin-bottom:.25em
}
.comment-links ul li:last-child {
  margin-bottom:0
}
.ping-link {
  font-style:italic
}
.ping-author {
  font-style:normal
}
.ping-date {
  font-size:.9em
}
#trackback-url {
  border-bottom:.063rem dotted var(--color-text-primary)
}
#trackback-url:focus,
#trackback-url:hover {
  border-bottom-color:var(--color-link);
  border-bottom-style:solid;
  color:var(--color-link);
  cursor:pointer
}
#trackback-url-copied {
  background-color:var(--color-input-background);
  color:var(--color-input-text);
  line-height:1;
  padding:.1em
}
.pagination {
  margin:4rem 0 0
}
.pagination .page-current {
  text-align:center
}
.pagination-links {
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  margin-top:.25em
}
.page-next {
  margin-left:auto
}
.widget {
  margin-bottom:2rem
}
.widget:last-of-type {
  margin-bottom:0
}
.widget:last-of-type {
  margin-bottom:0
}
:where(#blognav,
#blogextra) .widget :where(h2,
h3,
h4) {
  margin-bottom:.5em
}
:where(#blognav,
#blogextra) .widget h2 {
  font-size:1.1em
}
:where(#blognav,
#blogextra) .widget ul {
  margin:0;
  padding:0
}
:where(#blognav,
#blogextra) .widget ul li {
  list-style:none
}
#site-footer .widget {
  margin:1em 0
}
#site-footer .widget h2 {
  font-size:1em;
  margin:.5em 0
}
#site-footer p {
  margin:.5em 0
}
#site-footer .widget ul {
  margin:.5em 0;
  padding:0
}
#site-footer .widget ul li {
  list-style:none
}
#main-menu {
  list-style:none;
  padding:0
}
#main-menu li {
  display:inline-block;
  margin-top:.2em;
  margin-right:.5em
}
#main-menu .li-last {
  margin-right:0
}
.skip-links {
  border:0;
  clip:rect(1px,1px,1px,1px);
  clip-path:inset(50%);
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px;
  word-wrap:normal!important
}
.skip-links:focus {
  clip:auto!important;
  clip-path:none;
  display:block;
  font-size:1em;
  height:auto;
  left:.3125rem;
  line-height:normal;
  padding:.5em;
  top:.3125rem;
  width:auto;
  z-index:100000
}
@media (prefers-contrast:more),(prefers-contrast:less),(-ms-high-contrast:active),(-ms-high-contrast:black-on-white) {
  .skip-links:focus {
    background-color:var(--color-text-primary);
    color:var(--color-background)
  }
  a {
    border-bottom-style:solid
  }
  a:active,
  a:focus,
  a:hover,
  .text-secondary a:active,
  .text-secondary a:focus,
  .text-secondary a:hover {
    background-color:var(--color-text-primary);
    border-bottom-color:var(--color-text-primary);
    color:var(--color-background)
  }
  .post-list-standard .read-more {
    border:1px solid var(--color-border)
  }
  input[type="submit"]:active,
  input[type="submit"]:focus,
  input[type="submit"]:hover,
  .button:active,
  .button:focus,
  .button:hover .form-submit:active,
  .form-submit:focus,
  .form-submit:hover {
    background-color:var(--color-input-background-hover);
    border:1px solid var(--color-border)
  }
}
@media only screen and (max-width:608px) {
  body {
    margin:0
  }
  #site {
    row-gap:2rem;
    max-width:none;
    width:80%
  }
  #main-menu {
  }
}
@media only screen and (max-width:384px) {
  #site {
    width:90%
  }
  blockquote,
  .comment {
    padding-left:.5em
  }
  .pagination {
    margin:2rem 0 0
  }
  .pagination-links {
    display:block;
    text-align:center;
    margin-top:0
  }
  .page-prev,
  .page-next {
    margin-top:.25em
  }
}
@media print {
  :root {
    --color-background:#fff;
    --color-text-primary:#000;
    --color-text-secondary:#595959;
    --color-link:#de0000;
    --color-border:#aaa;
    --color-input-text:#000;
    --color-input-text-hover:#fff;
    --color-input-background:#eaeaea;
    --color-input-background-hover:#000
  }
  @page {
    margin:2cm 3cm;
    size:portrait
  }
  #site {
    font-size:initial;
    margin:0;
    max-width:100%
  }
  .post-pagination,
  #comment-feed-link,
  #comment-form,
  #main-menu,
  #blognav,
  #blogextra,
  #site-footer,
  #trackback-link-container {
    display:none
  }
  a {
    border-bottom:none
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    page-break-after:avoid;
    page-break-inside:avoid
  }
  img {
    page-break-after:avoid;
    page-break-inside:avoid
  }
  .text a[href^=http]:after {
    content:" [" attr(href) "]"
  }
  .post-single .post-footer {
    margin-bottom:0
  }
  #post-footer-print {
    display:block
  }
  .comment {
    border-left:0;
    padding-left:0
  }
  .comment-meta {
    font-size:.9em
  }
  .comment-date {
    font-size:1em
  }
}
@media print and (orientation:landscape) {
  body {
    columns:2;
    column-fill:auto;
    column-gap:3cm
  }
}