body {
  min-width: 1px;
  color: #000000;
  background-color: #e9f5fa;
}

STRONG {
  font-weight: bold;
  color: #005800;
}

PRE {
    overflow-x: visible;
    white-space: pre-wrap ;
    word-wrap: break-word;
    overflow-wrap: break-word;
    max-width: 100%;
    font-family: "Courier New", Consolas, monospace;
    color: #004c00;
}

.note {
    overflow-x: visible;
    word-wrap: break-word;
    overflow-wrap: break-word;
    max-width: 100%;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: 4em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-top: -1em;
    padding-bottom: -1em;
    border: solid 0.2px #9966ff;
    background-color: #e8e9ff;
}

hr {
  color: #7755ff;
  background-color: transparent;
}

a:link {
  color: #8822bb;
}

a:visited {
  color: #8855dd;
}

a:active {
  color: #ee22dd;
}

a:hover {
  color: #ee22dd;
}

h1 {
  font-weight: bold;
  font-size: x-large;
  color: #7755ff;
  border-style: solid;
  border-width: 2px 0 2px 0;
  text-align: left;
}

h2 {
  font-weight: bold;
  font-size: x-large;
  color: #5070d0;
  text-align: left;
}

h2 a:link {
  background-color: transparent;
  font-weight: bold;
}

h2 a:visited {
  background-color: transparent;
  font-weight: bold;
}



h3 {
  color: #2848c8;
  text-align: left;
  font-weight: bold;
}

h3 a:link {
  background-color: transparent;
}

h3 a:visited {
  background-color: transparent;
}

h4 {
  color: #0020c0;
  text-align: left;
  margin-left: 0.9em;
}

h4 a:link {
  background-color: transparent;
}

h4 a:visited {
  background-color: transparent;
}

span.info {
  color: #000000;
}

img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

img.shape {
    backface-visibility: hidden;
}

ul {
    list-style-type: disc
}

li {
    margin-top: 8px;
    maring-bottom: 8px;
}

.italic {
  font-style: italic;
  font-size: small;
  line-height: 95%;
  margin-top: 0px;
  maring-bottom: 0px;
}

.code {
  border: solid 0.4px #9966ff;
  background-color: #e8edff;
  margin-left: 0.9em;
}

.kbd {
  border: solid 0.4px #9966ff;
  background-color: #e3ecef;
  margin-left: 0.9em;
}

p {
  margin-left: 0.9em;
}

@media screen and (max-width: 512px) {
  h1 {
    font-size: medium;
  }
  h2 {
    font-size: medium;
  }
  .menu {
    font-size: x-small;
  }
  .lablogo {
    font-size: small;
  }
  .note {
    margin-left: 0em;
    font-size: small;
  }
  ul {
    margin: 0 0 1em 1em;
    padding: 0.5em;
  }
  ol {
    margin: 0 0 0 1.5em;
    padding: 0.5em;
  }
.code {
  margin-left: 0em;
  }
.kbd {
  margin-left: 0em;
  }
p {
  margin-left: 0em;
  }
}

.whitenote {
  border: solid 0.4px #9966ff;
  background-color: #000000;
}

.keyword {
  color: #1e40c0;
}

.brandbar {
  border: solid 1px #eeeeee;
}

.button {
  color: #996633;
  text-align: right;
  border-width: thin thin thin thin;
}

.button a {
  text-decoration: none;
}

.button a:hover {
  color: #ffffcc;
  background-color: #996633;
}