:root {
  color-scheme: light dark;
  --body-text-color: #241F4B;
  --h1-color: #241F4B;
  --h2-color: #241F4B;

  --link-color: #7F00FF;
  --bg-color:#FFFFFF;

}

@media (prefers-color-scheme: dark){
  :root {

    --body-text-color: #AAAAAA;
    --h1-color: #AAAAAA;
    --h2-color: #FFFFFF;
    --link-color: #FFFF00;
    --bg-color:#000000;
  }
}



.icon {
  float: left;
  max-width:20%;
  margin:4px;
}
.leftSmall {
    float: left;
    max-height:2.2em;
    margin:4px;
}

.leftBig {
  float: left;
  max-width:40%;
  margin:4px;
}

.iconText {
   overflow:auto;
}

body{font:  130%  HelveticaNeue,  Palatino, Cochin, Georgia, Verdana;
    color: var(--body-text-color); background-color:var(--bg-color);
   max-width:50em;}

h1 { font-family:  "Skia", "HelveticaNeue-UltraLight" ; font-weight:100; font-size: 300%; text-align: center;         color:var(--h1-color)}


 h2 { font-family: "Skia", "HelveticaNeue-UltraLight" ; font-weight: 100;  font-size: 160%; text-align: center;  color:var(--h2-color)}


 h3 { font-family: "Skia", "HelveticaNeue-UltraLight" ; font-weight: 100; font-size: 130%; text-align: center;  color:var(--h2-color) }


a{text-decoration: none; color: var(--link-color);padding-bottom: 1px}
a:hover{border-bottom: 1px dotted #000}

ol,li{line-height: 1.4em}

hr {background-color:#A6AAA9}

table {background-color:#EEEEDD;
       border-collapse:collapse;
       border-style:none;}

img
{
    max-width:100%;
}
caption {font-family: Verdana; font-size: 14px;  color:var(--header-color)}