:root {
    --maas-blue: #008DE5;
    --maas-blue-hover: #22aaff;
    --maas-text-on-blue: #fff;
    --maas-red-error: #C40233;
    /* BOOTSTRAP OVERRIDE */
    --bs-font-sans-serif: 'Roboto', -apple-system, BlinkMacSystemFont, sans-serif;
}

header, footer {
    background-color: var(--maas-blue);
    color: var(--maas-text-on-blue);
}

footer img {
    max-height: 60px;
    max-width: 150px;
}

.logo {
    background-color: var(--maas-text-on-blue);
}

.logo>img {
    max-height: 60px;
}

p {
    text-align: justify;
}

.button {
    background-color: var(--maas-blue);
    color: var(--maas-text-on-blue);
}

input[type=password] {
    border-style: solid;
    border-color: #ccc;
}

input[type=submit],
input[type=reset] {
    background-color: var(--maas-blue);
    color: var(--maas-text-on-blue);
}

input[type=submit]:hover,
input[type=reset]:hover {
    background-color: var(--maas-blue-hover);
}