:root {
  --m-bg-light: #094352;
  --m-bg-medium: #073642;
  --m-bg-dark: #002a35;
  --m-border-color: #247ebe96;
  --m-a-color: #268bd2;
  --m-avisited-color: #6c71c4;
  --m-body-color: #dfdfdf;
}

* { 
    color: var(--m-body-color);
    font-family: "Arial";
    background-color: var(--m-bg-medium);
}

html { background-color: var(--m-bg-medium); }

a:link { color: var(--m-a-color); }
a:visited { color: var(--m-a-visited-color); }
a:hover { color: var(--m-a-color); }
a:active { color: var(--m-a-color); }

.sect1 {
  border-bottom: 1px solid var(--m-border-color);
}

h1.index-header-title { text-align: center }

code {
  background-color: #555555;
  font-family: Courier New;
  font-size: smaller;
  background-clip: padding-box;
  border: 0px solid; display:
  inline-block; margin: 0px;
}

#toc {
  border: 1px solid var(--m-border-color);
  padding: 2em;
}

table {
  border-collapse: collapse;
  margin-top: 1em;
  margin-bottom: 1em;
}

table,th,td {
  border-collapse: collapse; border: 1px solid var(--m-border-color);
}

th {
  text-align: left;
  font-weight: bold;
}

td {
  text-align: left;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-right: 0.5em;
}

/* asciidoctor overrides */
.imageblock.center-img {
    display: flex;
    flex-direction: column;
    align-items: left;
    text-align: left;
    margin: 0 auto; /* center div */
    width: 90vw;
}

.imageblock.center-img img {
    width: 90vw;
}