/* Classless CSS */
/* Light and Dark Color Definitions */
:root {
  color-scheme: light dark;
  --light-color: #004040;
  --light-bg: snow;
  --dark-color: #e0e0e0;
  --dark-bg: #364e4f;
  --light-highlight-color: black;
  --light-highlight-bg: #e9e9e9;
  --dark-highlight-color: #e0e0e0;
  --dark-highlight-bg: #4b6c6d;
  --light-button-color: black;
  --light-button-bg: gainsboro;
  --dark-button-color: snow;
  --dark-button-bg: #343434;
  --light-ahover-color: grey;
  --dark-ahover-color: white;
  --dark-li-bg: #364e4f;
}

* {
  color: light-dark(var(--light-color), var(--dark-color));
  background-color: light-dark(var(--light-bg), var(--dark-bg));
  box-sizing: border-box;
}

html {
/*font-family: verdana, "helvetica neue", helvetica, sans-serif;*/
  font-family: "helvetica neue", helvetica, sans-serif;
  font-size: 1.025em;
/*	line-height: 1.25rem; */
  -webkit-text-size-adjust: 100%;
}

body {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.85em;
  padding-right: 1.85em;
}

figure {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

figcaption {
  width: 100%;
/*  margin: auto;*/
  text-align: left;
  font-size: .90em;
}

h1 {
  margin-bottom: 0;
}

h1,
h2,
h3,
h4 {
  line-height: 1.1em;
}

img {
  max-width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  loading: lazy;
}

li {
  background-color: light-dark(var(--buttondark-bg), var(--dark-li-bg));
}

nav {
  overflow-x: auto;
  padding-bottom: .5rem; 
  white-space: nowrap;
  scroll-behavior: smooth;
}

object {
  width: 4000px;
  height: 400px;
  color: light-dark(var(--light-highlight-color), var(--dark-highlight-color));
  background-color: light-dark(var(--light-highlight-bg), var(--dark-highlight-bg));
}

pre {
  font-family: courier, monospace;
  padding: .5rem;
  font-size: .8rem;
  line-height: 1.25em;
  overflow: scroll;
  background-color: light-dark(var(--light-highlight-bg), var(--dark-highlight-bg));
  color: light-dark(var(--light-highlight-color), var(--dark-highlight-color));
}

table {
  text-align: left;
  border: 1px solid;
  border-collapse: collapse;
}

th,
tr,
td {
  border: 1px solid;
  border-collapse: collapse;
  padding: .3em;
  margin-left: auto;
  margin-right: auto;
}
caption {text-align:left; font-weight:bold;}
video {
/*  display: block;*/
/*  margin-left: auto;*/
/*  margin-right: auto;*/
  text-align: left;
}