/* https://colors.softplus.fr/?00F0FFL-35ABB2-3F797C-FF009E-B23583-7C3F65-FFD300-B29D35-7C723F */

:root {
    --w: white;
    --wd: #eaeaea;
    --wd2: #ccc;
    --wt: #ffffff22;
    --wt2: rgba(255, 255, 255, 0.05);
    --b: black;
    --bt: rgba(0, 0, 0, 0.7);
    --bt2: rgba(0, 0, 0, 0.6);
    --bt3: #00000033;
    --bl: #222;
    --m1: #66d9ef;
    --m2: #29415f;
    --m3: #1f2f46;
    --m4: #1a2333;
    --m5:#111a2b;
    --m6: #0b0f1a;
}

* {
    box-sizing: border-box;
}

.unselectable {
    user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.vcenter {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

a {
    text-decoration: none;
    font-weight: bold;
    color: white;
}

.uline {
    text-decoration: underline;
}

@font-face {
    font-family: "mv";
    src: url("./mvfont-Regularv2.otf");
}

#font-toggle {
    background-color: var(--m5);
    border: 4px solid var(--m2);
    color: var(--w);
    font-weight: bold;
    border-radius: 10px;
    padding: 10px;
    position: fixed;
    bottom: 5px;
    left: 5px;
    cursor: pointer;
    font-family: sans-serif;
}

#font-toggle:hover {
    background-color: var(--m4);
}

body.mv #font-toggle {
    font-family: sans-serif !important;
}

body #font-toggle {
    font-family: 'mv', sans-serif !important;
}