:root {
    --base_colour: 117, 56, 122;

    --header_footer_background_color: rgba(var(--base_colour), 1);
    --header_footer_font_color: white;

    --primary_font_family: Arial, sans-serif;
    --primary_background_color: rgba(var(--base_colour), 1);
    /* --primary_font_size: 0.9em; */
    --primary_font_size: 18px;

    /* This is calculated in base,js */
    --screen_height: 1px;

    --button_color: rgb(117, 56, 122);
    --button_color_hover: #5e2c66;

    /* Background for the tiles */
    --block_background_color: #f9f9f9;
}


* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;    
}

body {
    display: flex;
    flex-direction: column;
    flex: 1;
    font-family: var(--primary_font_family);
    min-height: var(--screen_height);
}