:root {
    --wBody: 80vw;
    --wGutter: 12px;
    --bgBody: hsl(228deg 7% 51%);
    --bgWhite: hsl(0deg 0% 97%);
    --bgCode: hsl(195deg 53% 79% / 28%);
}

body {
    margin: 0 auto;
    font-family: sans-serif;
    width: 70%;
    max-width: 700px;
    background: #797d8b;
}

body > * {
    background: #f2f5f6;
    overflow: hidden;
    padding: 0 12px;
}

pre {
    display: inline-block;
    font-size: 16px;
    line-height: 1.5;
    background: linear-gradient(transparent 50%, #e5edf0 0) 0 0 / auto 3em;
    padding: 0 .5em;
    white-space: pre-wrap;
}



footer a {
    float: right;
    color: hsl(228deg 7% 51%);
    margin: 0 0 12px 12px;
    padding: 0 12px;
    border: 1px solid;
    border-radius: 6px;
    line-height: 2;
    text-decoration: none;
}