@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
:root {
    --transition_time: .25s;
    --transition:
        transform var(--transition_time),
        background var(--transition_time),
        color var(--transition_time),
        opacity var(--transition_time),
    ;
    --padding: 15px;
    --bg: #eee;
    --min-screen: 500px;

    /* default: 167 */
    --baseHSL: 167; 
    --color500: hsl(var(--baseHSL), 30%, 40%);
    --color600: hsl(var(--baseHSL), 30%, 50%);
    --color700: hsl(var(--baseHSL), 35%, 55%);
    --color900: hsl(var(--baseHSL), 100%, 93%);
    --color950: hsl(var(--baseHSL), 100%, 95%);
    --color1000: hsl(var(--baseHSL), 100%, 96%);
    --color1100: hsl(var(--baseHSL), 100%, 97.7%);
}
body {
    margin: 0;
    padding-bottom: 100px;
    user-select: none;
    background: var(--bg);
    overflow-x: hidden;

    section:not(.ignoremaxwidth) {
        max-width: 800px;
        margin: var(--padding) auto 0;
        padding: var(--padding);
    }

}
* {
    scroll-behavior: smooth;
    -webkit-tap-highlight-color: transparent;
}


h1, h2, h3, h4, h5 {
    margin: 0;
    padding: 0;
    font-family: 'Playfair Display';
    font-weight: normal;
}