*{
    font-family: 'poppins', sans-serif;
    line-height: 175%;
}
html#grad {
    background: linear-gradient(180deg, #F8E9F1 0, white 1000px)
}
h1{
    font-size: 30pt;
    color: #D3559C;
    color: black;
}
article{
    margin: 0 auto;
    max-width: 800px;
}
header, footer{
    line-height: 500%;
    color: #ccc;
}
footer{
    width: 100%;
    text-align: center;
}
header{
    text-align: left;
    width: 800px;
    margin: 0 auto;
}
code{
    color: #de0000;
    font-family: Courier New, Courier, monospace;
    font-size: 11pt;
    font-weight: bold;
}
code.block{
    background: #eeeeee;
    display: block;
    padding: 16px;
}
code.block span{
    font-family: Courier New, Courier, monospace;
}
code.block span.comment
{
    color: #aaa;
}
ol li > ol{
    list-style: lower-roman;
}
figure{
    text-align: center;
    padding: 0;
    background: #eeeeee;
    padding: 16px 0 16px 0;
    width: 100%;
    margin: 0;
}
figcaption{
    font-style: italic;
    font-size: 11pt;
    padding: 8px;
}

a:visited {
    color: inherit
}

#link-list > li {
    background: #D2549B;
    margin-bottom: 24px;
    color: white;
    font-weight: bold;
    border-bottom: 12px solid #772A57;
}


#link-list > li > a {
    text-decoration: none;
    display: block;
    padding: 8px 0;
    color: white;
}

#link-list > li:hover {
    border-top: 12px solid white;
    border-bottom: none;
}

details {
    padding: 12px;
    outline: 1px solid black;
}

details[open] summary {
    border-bottom: 1px solid black;
}

summary {
    padding: 12px;
    cursor: pointer;
    margin: -12px;
}

details img {
    width: 100%;
    margin-top: 12px;
}