/* ROOT */

:root {
    --color-primary: #111;
    --text-color-primary: #eee;
}

/* GENERAL */

*, *::before, *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /*border: 1px solid #1e1e1e;*/
}

html {
    scroll-behavior: smooth;
    font-size: 62.5%; /* makes 1rem=10px from 16px(browser default) */
}

body {
    font-size: 1.6rem; /* 16px */
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    background-color: var(--color-primary);
    color: var(--text-color-primary);
}


h1 {
    font-size: 3.2rem; /* 32px */
}
h2 {
    font-size: 2.4rem; /* 24px */
}
a {
    text-decoration: none;
    color: #aaf;
}
li {
    list-style: none;
}