.slide-in-from-top-info-button {
    position: fixed;
    top: 0;
    right: 0.75em;
    z-index: 1000;
}
.slide-in-from-top-info-button button {

    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5em;
    height: 2.5em;
    cursor: pointer;
    color: blue;
    box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.125);
}
.slide-in-from-top-info-button button svg {
    width: 1.5em;
    height: 1.5em;
}
.slide-in-from-top-info {
    position: fixed;
    top: 0;
    left: 0;
    /* max-width: 800px; */
    margin: 0 auto 2em;
    box-sizing: border-box;
    color: #000;
    padding: 1em 0;
    z-index: 1000;
    transition: all 0.5s ease-in-out;
    transform: translateY(0);
    box-shadow: 5px 5px 5px 3px rgba(0, 0, 0, 0.125);
    width: 100%;
}
.slide-in-from-top-info, .slide-in-from-top-info-button button {
    border: 4px ridge rgb(161, 161, 161);
    background: rgb(245, 245, 245);
}
.slide-in-from-top-info-content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    line-height: 1.5;
}
body.hidden .slide-in-from-top-info {
    transform: translateY(-120%);
    transition: all 0.5s ease-in-out;
}
body.home {
    margin: 7em 0 3em 0;
    transition: all 0.5s ease-in-out;
  }
body.hidden.home {
    margin: 0 0 3em 0;
    transition: all 0.5s ease-in-out;
}
.slide-in-from-top-info-close {
    position: absolute;
    right: 0.75em;
    top: 0.5em;
}
.slide-in-from-top-info-close button {
    background: none;
    border: none;
    cursor: pointer;
    color: blue;        
    /* font-weight: bold; */
    /* font-size: 1.25em; */
}
.slide-in-from-top-info-close button svg {
    width: 1.5em;
    height: 1.5em;
}
.home a[target=_blank]::after {
    content: " " url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=);    
}
a[target="_blank"]:hover {
  cursor: ne-resize !important;
}
h1 {
    margin: 3em 0 0 0;
}
h2, h3, h4, h5, h6 {
    margin: 2em 0 0 0;
}
h1 {
    font-size: 2em;
}
h2 {
    font-size: 1.5em;
}
h3 {
    font-size: 1.2em;
}


p {
    margin: 0.5em 0;
}
ul {
    margin: 0.5em 0 0 0 ;
    list-style-type: disc; /* Default bullet */
    /* Other list-style-type options:
       - disc: filled circle (default)
       - circle: hollow circle
       - square: filled square
       - decimal: 1, 2, 3, ...
       - decimal-leading-zero: 01, 02, 03, ...
       - lower-roman: i, ii, iii, iv, ...
       - upper-roman: I, II, III, IV, ...
       - lower-alpha/lower-latin: a, b, c, ...
       - upper-alpha/upper-latin: A, B, C, ...
       - none: no marker
       - armenian: traditional Armenian numbering
       - georgian: traditional Georgian numbering
       - hebrew: traditional Hebrew numbering
       - hiragana: a, i, u, e, o, ...
       - hiragana-iroha: i, ro, ha, ni, ...
       - katakana: a, i, u, e, o, ...
       - katakana-iroha: i, ro, ha, ni, ...
    */
}
ul ul {
    list-style-type: circle;
}
ul li {
    margin: 0.5em 0;
    padding: 0 0 0 0em;
}