body {
    margin: 0 auto;
    padding: 0 auto;
    font-family: system-ui;
    max-width: 1000px;
    text-align: left;
}

header              { padding: 0 5%; }
header > img        { display:block; width: 60px; margin: 100px auto 10px auto; }
header h1           { text-align:center; margin: 0; font-size: 36px }
header h2           { text-align:center; font-size: 20px; font-weight: normal; margin-bottom: 2em; }
header > a          { display: block; margin-top: 2em; }
header > a img      { height: 40px; margin: 0 auto; margin-bottom: 3em; display: block; }
header picture img  { width:100% }

section             { padding: 16px 5% }
section h1          { text-align: start; font-size: 22px; font-weight: 600; }
section h1 img      { height: 24px; margin-bottom: -3px;  }
main section h2     { text-align: start;font-size: 18px; font-weight: 600; }
main section:nth-child(even) { background-color: #f4f4f4; }

p, li { font-size: 17px; line-height: 24px; opacity: 70%; }

ul {
    display: grid; gap: 0.8em; margin-left: -20px
}

.ul-2-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
}

footer     { text-align: center; font-size: 12px; color: #808080; padding: 20px; margin-top: 20px; text-decoration: none; }
footer img { width: 40px; padding-bottom: 8px; }
footer a   { text-decoration: none; color: #808080; }