:root {
    --color-black-0: #000000;
    --color-white-0: #ffffff;
    --color-gray-0: #2c2c2c;
    --color-gray-1: #404040;

    --color-red-0: #e65c5c;
    --color-red-1: #810000;

    --color-green-0: #236e19;
    --color-green-1: #0fc71e;

    --color-blue: #0559a8;
    --color-orange: #ff6200;

    --color-nopac: #00000000;

    --navbar-width: 50px;
}

* {
    font-family: 'Lexend';
}

body {
    margin: 0;

    background-color: var(--color-gray-0);
}

main {
    position: absolute;
    right: 0;
    width: calc(100vw - var(--navbar-width));
}