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


.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: 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-size: large;
        font-weight: bold;
        justify-content: center;

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

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