body, html {
    margin: 0;
    padding: 0;
    font-family: 'Menlo', monospace;
    scroll-behavior: smooth;
}

:root {

    /* colors */

    --green-1: #1aab00;
    --green-2: #0b4f00;
    --light-mode: #e4e4e4;
    --tr-light-mode: #e4e4e48d;
    --grey-1: #cdcdcd;
    --grey-2: #333333;
    --grey-3: #8d9295;
    --grey-4: #a4a4a4;
    --grey-5: #444444;
    --grey-6: #555555;
    --grey-black-1: #121212;
    --dark-mode: #111111;
    --tr-dark-mode: #1111118e;

    /* fonts */
    --font-1: 'Menlo', monospace;
    --font-2: monospace;

}

@font-face {
    font-family: 'Menlo';
    src: url('path/to/menlo.woff2') format('woff2'),
         url('path/to/menlo.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}