*{
    margin: 0;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
:root{
    --memo0: #ffe3c9;
    --memo1: #ffd6b0;
    --memo2: #ffcb9c;
    --memo3: #ffb776;
    --memo4: #ff9059;
    --memo5: #ff5658;
    --memo6: #b92060;
    --memo7: #821667;
    --memo8: #400a6f;
    --memo9: #0b0076;
}
/* Sections */
.sectionA {
    background-color: var(--memo0);
    padding: 2em;
    padding-left: 20%;
    color: var(--memo7)
}
.sectionB {
    background-color: var(--memo1);
    padding: 2em;
    padding-left: 20%;
    color: var(--memo8)
}
.sectionHB
{
    background-color: var(--memo7);
    padding: 1em;
    padding-left: 20%;
    color: var(--memo3)
}
.sectionHA
{
    background-color: var(--memo5);
    padding: 1em;
    padding-left: 20%;
    color: var(--memo2)
}
.status
{
    position: sticky;
    top: 0;
    color:#ffe3c9;
    background-color: green;
    text-align: center;
    font-size: large;
    padding: 0.85em;
}
header
{
    max-height: max-content;
    background-color: #400a6fa0;
}
.header-content
{
    color: var(--memo1);
    text-align: center;
    padding: 6%;
}
.header-img-bg
{
    z-index: -1;
    position: absolute;
    width: 100%;
}

h1 {
    padding-bottom: 0.83em;
    color: var(--memo4);
    font-size: 50px;
}
h2 {
    color: var(--memo7);
    padding-bottom: 0.83em;
}
h3 {
    color: var(--memo6);
    padding-bottom: 0.2em;
}
p {
    padding-top: 0.2em;
    padding-bottom: 0.50em;
}
.vpad
{
    padding-top: 0.83em;
    padding-bottom: 0.83em;
}
.indent
{
    text-indent: 10%;
}
table {
    border: 1px, solid, var(--memo4);
    border-radius: 5px;
}
a {
    color: teal
}
ol, ul{
    color: var(--memo7);
}
ol ::marker
{
    color:var(--memo5);
}
ul ::marker
{
    color:var(--memo5)
}
hr{
    color: var(--memo4);
}