:root {
    --merkle-blue: #0a1540;
    --merkle-orange: #ff644c;
    --merkle-red: #ef3d23;

    --anchors: #659def;
    --anchors-hover: #ff644c;

    --buttons-color:#fff;
    --buttons-bg:#var(--merkle-blue);

    --buttons-hover-color: var(--merkle-blue);
    --buttons-hover-bg: #fff;
}

body {
    background-color: var(--merkle-blue);
    color: white;
    height: 100vh;
}

.max-width-680{
    max-width: 680px;
    margin: auto;
}

.card {
    background-color: var(--merkle-blue);
}

.card-body {
    text-align:center;
}

select#lang-select.form-select{
    background-color: transparent;
    color: white;
    max-width:100px;
    margin:auto;
    cursor: pointer;
}

select#lang-select.form-select::before{
    background-color: #900;
}

select#lang-select.form-select option{
    background-color: var(--merkle-blue);
    color: white;
}

body a{
    color: var(--anchors) !important;
}

body a:hover{
    color: var(--anchors-hover) !important;
}

body button{
    color: var(--buttons-color) !important;
    background-color: var(--buttons-bg) !important;
}
body button:hover{
    color: var(--buttons-hover-color) !important;
    background-color: var(--buttons-hover-bg) !important;
}