:root {

    --color: #bbbbbb;

    --primary-color: #1b63cf;

    --primary-color-light: #458fff;

    --primary-color-dark: #144a9c;





    --r-main-color: var(--color);

    --r-heading-color: var(--primary-color);

    --r-selection-color: var(--primary-color);

    --r-italic-color: var(--color);

    --r-bold-color: var(--primary-color);

    --r-inline-code-color: var(--color);

    --r-list-bullet-color: var(--primary-color);

    --r-link-color: var(--primary-color);

    --r-link-color-dark: var(--primary-color-dark);

    --r-link-color-hover: var(--primary-color-light);

    --r-main-font-size: 20px;



    --quote-border-color: var(--primary-color);



}



img {

    border-radius: 5px;

}



section *:not(h1) {

    text-align: left;

}



section h1 span, section h2 span {

    display: block;

    margin-top: 0px;

    margin-bottom: 10px;

    font-size: 0.4em;

    font-style: italic;

    color: var(--r-italic-color);

    font-weight: lighter;

}



section h1 span {

    display: block;

    text-align: center;

}



section ol,

section ul,

section dl {

    display: block !important;

}



section .bold {

    font-weight: bold;

    color: var(--r-bold-color);

}



section .italic {

    font-style: italic;

    color: var(--r-italic-color);

}



section .thin {

    font-weight: lighter;

}



section blockquote {

    border-left: 4px solid var(--quote-border-color);

    border-radius: 5px 50px 5px 50px;

    margin: 1em 0 !important;

    padding: 1em 16px !important;

    width: 100% !important;

}