body {
    /**/
    color: #1c2024;
    background-color: #d3d9f7;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 150%;
}

body > * {
    max-width: 50rem;
    margin: 0 auto;
    padding: 1rem;
}

iframe {
    max-width: 100%;
    padding: 0;
}

h1 {
    text-align: center;
    font-family: 'Arial Black', sans-serif;
    font-size: 3rem;
    margin-block: 2rem;
    line-height: 100%;
}

img {
    width: 100%
}

p:has(img) {
    text-align: center;
}

p {
    text-wrap:pretty;
}

a {
    color:black; 
}

code {
    background-color: rgba(0,0,0,0.1);
    padding: 0.15rem 0.3rem;
}

pre {
    max-width: 100%;
    overflow-x: auto;
}