:root {
    --bckColor: #232935;
    --formColor: #53617C;
    --footercolor: #53617C;
}


html {
    height: 100%;
    font-family: Roboto, Arial,sans-serif;
}

body {
    height: 100%;
    background-color: var(--bckColor);
    font-family: Roboto, Arial,sans-serif;
    color: white;
}

a {
    text-decoration: none;
}

.content {
    /*min-width:680px;
	min-height:400px;*/
    background-color: var(--formColor);
}

footer {
    background-color: var(--footercolor);
    width: 100% !important;
    /*position: absolute;*/
    bottom: 0;
}

.btn-primary,
.btn-primary:active,
.btn-primary:visited,
.btn-primary:focus {
    background-color: var(--bckColor) !important;
    border-color: var(--bckColor);
}

    .btn-primary:hover {
        background-color: var(--footercolor) !important;
        border-color: var(--footercolor);
    }