@import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans:ital@0;1&family=Alegreya:ital,wght@0,400;0,600;1,400;1,600&family=Ubuntu+Mono:wght@400;700&display=swap');


:root {
    --black: #000000;
    --blue: #0000AA;
    --green: #00aa00;
    --cyan: #08A8B5;
    --red: #B22358;
    --magenta: #aa00aa;
    --brown: #aa50aa;
    --light-gray: #B7BBB5;
    --dark-gray: #464248;
    --light-blue: #5555ff;
    --light-green: #55FF55;
    --light-cyan: #55FFFF;
    --light-red: #F86B9E;
    --light-magenta: #FF55FF;
    --yellow: #FFFF55;
    --white: #FCFEFB;


}
body {
    background-color: var(--white);
    color: var(--dark-gray);
    font-family: "Alegreya", serif;
    font-weight: normal;
    font-style: normal;
    line-height: 1.6;
    font-size: 20px;
}

code {
    font-family: 'Ubuntu Mono', monospace;
    font-size: 18px;
    padding: 2px;
    border-radius: 4px;
    color: var(--red);
    background: rgb(252,254,251);
    background: linear-gradient(45deg, rgba(252,254,251,1) -50%, rgba(183,187,181,1) 550%);
}

a, a:visited {
    color: var(--cyan);
    text-decoration: none;
}
a:hover {
    text-decoration: underline
}

pre {
    max-width: 100%;
    overflow: auto;
    padding: 1em;
}

h1 {
    font-size: 1.75em;
}

h1, h2, h3, h4, h5, h6 {
    color: var(--red);
    font-family: "Alegreya Sans";
    font-weight: 400;
    font-style: italic;
}

article {
    background-color: var(--white);
    border: 3px solid var(--light-gray);
    border-radius: 2px;
    margin: auto;
    max-width: 63ch;
    padding: 0 1.5em;
}