body {
    font-family: system-ui, sans-serif;
    font-size: 100%;
    line-height: 150%;
    margin: 20px;
    background-color: grey;
}
i {
    /*font-style: normal;*/
    text-transform: uppercase;
}
h1 {
    color: #333;
}
p {
    font-size: 16px;
    /* color: #666; */
}
section.highlight {
    color: darkblue;
}

div#note {
    color: beige; 
    padding: 12px;
    border-radius: 6px;
}

/* Make text inside the highlighted section inherit the section color
   and give the section a subtle background so the whole block is visible */
/* override the generic p color only inside .highlight */
/* section.highlight p {
    color: inherit; 
}

section.highlight {
    background-color: #e8f0ff; 
    padding: 12px;
    border-radius: 6px;
} */