html,
body{
    height:100%;
    width:100%;
    padding: 0;
    margin: 0;
}

:root {
    /*--menu_bg :*/
    --base: 230;
    --green: hsla(210, 100%, 25%, 1);
    --red: hsla(0, 100%, 50%, 1);
    --blue: hsla(240, 100%, 50%, 1);
    --navy: hsla(240, 100%, 25%, 1);
    --crimson: hsla(348, 83%, 47%, 1);
    --yellow: hsla(60, 100%, 50%, 1);

    --ukraine_bg: linear-gradient(to bottom, blue, yellow);

    --menu_bg: var(--blue-9);

    /*--menu_bg:blue;*/
    --workarea_bg: hsl(var(--base), 40%, 76%);

    --div1_bg: var(--workarea_bg);
    --div2_bg: #d4e2d8;

    --dialog_bg: hsl(var(--base), 60%, 60%);
    --dialog_border:navy;
    --error_bg: crimson;
    --footer_bg: var(--header_bg);

    --note_bg: hsl(var(--base), 26%, 86%);

    --odd: hsl(var(--base), 50%, 80%);
    --even: hsl(var(--base), 50%, 74%);

    --btn_bg: var(--indigo-9);

    --body_bg: hsl(var(--base), 50%, 36%);

    --header_bg: var(--indigo-7);

    --div_border: hsl(var(--base), 50%, 40%);
}

*{
    box-sizing: border-box;
    margin: 0;
    padding:0;
    font-family: arial, sans-serif;
}

table{
    border-collapse: collapse;
}