/* Variables */
:root {
    --color: #ffffff;
    --background: #000000;
    --space: 8px;
    --link-color: #71caef;
}

/* Generic */
html {
    color-scheme: dark;
    scroll-behavior: smooth;
}

body {
    font-size: 16px;
    line-height: 1.6;
    color: var(--color);
    background: var(--background);
    word-break: break-word;
    font-family: Arial, Helvetica, sans-serif;
    overflow-y: scroll;
}

@media (max-width: 602px) {
    body.menu-open {
        overflow-y: hidden;
        overflow-x: hidden;
    }
}