/* Global */

body {
    font-size: large;
    font-family: 'Avenir Next', arial;
    background-color:  #F2F2D9; /*#0A151F; #091926; #174259; #FFF8EB;*/
    color: #0F202E;  /*#fcf9cc; /*#302117; #584133; */
    width: 60%;
    margin: auto;
    max-width: 800px;
    /*-webkit-text-size-adjust:none;*/
}

a:link {
    color: #3B77B0; /*#38A8A1; /*#94C6DB; /*#9FDFB9; #0074D9;*/
    text-decoration: none;
}

a:visited {
    color: #3B77B0; /*#26734F; /*#38A8A1; /*#94C6DB; /*#38A8A1; #0074D9;*/
    text-decoration: none;
}

a:hover {
    color: #3B77B0; /*#26734F; /*#38A8A1; /*#94C6DB; /*#9FDFB9;*/
    text-decoration: underline;
}

@media (prefers-color-scheme: dark) {
    body {
        background-color: #0F202E;
        color: #F2F2D9;
    }
    a:link {
        color: #38A8A1; /*#94C6DB;*/
    }
    a:visited {
        color: #38A8A1; /*#94C6DB; /*#0074D9; #94C6DB;*/
    }
    a:hover {
        color: #38A8A1; /*#94C6DB; /*#9FDFB9;*/
    }
}


h1 {
    font-size: xx-large;
    font-weight: 400;
    letter-spacing: .1em;
    text-align: center;
}

h2 {
    font-size: large;
    font-weight: normal;
    letter-spacing: .05em;
    text-align: center;
}

h3 {
    font-size: x-large;
    font-weight: 400;
    letter-spacing: .1em;
    text-align: left;
}

h5 {
    font-size: large;
    font-weight: normal;
    font-style: italic;
    text-align: left;
    margin-bottom: 0em;
}


/*
a.menu:link {
    color: #111;
    text-decoration: none;
}

a.menu:visited {
    color: #111;
    text-decoration: none;
}

a.menu:hover {
    color: #111;
    text-decoration: underline;
}
*/

ul {
    list-style-type: circle;
    line-height: 150%;
}


/*
@media screen and (max-width: 767px) {
    .column {
        width: 100%;
        float: center;
        margin: .5em;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .column {
        width: 47%;
        float: center;
        margin: .5em;
    }
}
*/

/* Clear floats after the columns 
.row:after {
  content: "";
  display: table;
  clear: both;
}
/*

/*
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dashed gray;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 180px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  
  
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -90px;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}
*/

/* Header */

.header {
    text-align: center;
    padding-top: .5em;
    padding-bottom: 1em;
}


/* Subsections */

.subsection {
    max-width: none;
    /*white-space: nowrap;*/
    font-size: medium;
    padding-left: 1em;
    padding-right: 1em;
}


/* Footer */

.last-updated {
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 1em;
    font-size: small;
    font-style: italic;
    float: left;
}

.back-to-top {
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 1em;
    float: right;
}

.clear {
    clear: both;
}