:root
{
    --dark_colour: rgb(50, 60, 80);
    --light_colour:white;
    --border_colour:rgb(50, 60, 80);
    --footerbar_height : 28px;
}


.btn  {
        /* Borders */
        border: none; border-radius: 10px;

        /* Colours */
        background-color: var(--dark_colour);
        color: white;

        /* Cursor */
        cursor:pointer;cursor:hand;

        /* Display */
        display:inline-flexbox;
        position:static;
        white-space: normal;

        /* Font and Text */
        /* font-family: var(--font);  */
        font-size:x-large;
        font-weight: bold;
        justify-content: center;

        /* Margins and Padding */
        /* margin: 5px; */
        margin-top: 5px; margin-left: auto; margin-right: auto;
        padding: 5px 10px;

        /* Size */
        width: auto; height:40px;
        vertical-align:middle;
    } /* btn */

.btn-small  {
        /* Borders */
        border: none; border-radius: 4px;

        /* Colours */
        background-color: var(--dark_colour);
        color: white;

        /* Cursor */
        cursor:pointer;cursor:hand;

        /* Display */
        display:inline-flexbox;
        position:static;
        white-space: normal;

        /* Font and Text */
        font-size: small;
        font-weight: normal;
        justify-content: center;

        /* Margins and Padding */
        /* margin: 5px; */
        margin-top: 0px; margin-left: auto; margin-right: auto;
        padding: 0px 0px;

        /* Size */
        width: auto; height:16px;
        vertical-align:middle;
    } /* btn-small */

.footerbar
{
    box-sizing: border-box;
    position:fixed; 

    margin: 0px; /* Outside the element */
    padding: 0; /* Inside */
    border-radius: 0px;  

    left: 0;
    width:100vw;
    bottom:0;     
    height: var(--footerbar_height);

    background-color:var(--dark_colour); 
    color: white;
    z-index:9999; /* Stays on top */
}