@font-face {
    font-family: "BrushPen";
    src: url("Brushpen-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

:root { /* to store CSS variables, outside the rendered document */
    --primary-color: #000000;
    --secondary-color: #eeddaa;
    --tertiary-color: #6a5acd;
}


body {
    font-family: system-ui;
    font-size: 100%;
    line-height: 133%;
    /*background-color: var(--primary-color);
    color: var(--secondary-color);
    margin: 2em;
    background-image: linear-gradient(#0008, #0008),url(rainforest.jpg);
    background-position: center;*/
}

section.first {
    font-family: "BrushPen", fantasy;
    font-size: 250%;
    line-height: 133%;
}