/* styles for CSS types */
:root {
    --bgcolor: #ffe4c466;
}
body {
    background-color: var(--bgcolor);
    font-family: sans-serif;
}

ul, option, select, code {
    font-family: monospace;
}
ul, section p {
    line-height: 2;
    max-width: max-content;
    padding-inline-end: 1em;
    padding-block: 1em;
    border-radius: 0.5em;
    background-color: var(--bgcolor)
}
section {
    display: none;
}
button {
    background-color: rgb(from var(--bgcolor) r g b / 1);
    border: 1px solid hsl(from var(--bgcolor) h s calc(l*0.5) / 1);
    border-radius: 0.5em;
}
button:hover, 
button:focus {
    background-color: hsl(from var(--bgcolor) h s calc(l*0.9) / 1);
}