:root {
    --corner-radius: 25px;
    --border-padding-v: 10px;
    --border-padding-h: 50px;
}

@font-face {
    font-family: "Nunito";
    src: url("Nunito/Nunito-VariableFont_wght.ttf") format("truetype");
}

body {
    background: #222;
    color: #f1f1f1;
    font-family: "Nunito", sans-serif;

    text-align: center;

    cursor: grab;
}

a {
    color: #cef0cc;

    cursor: copy;
}

mark {
    color: #111111;
    background-color: #efa577;
    border-radius: var(--corner-radius);
    padding: 1px 5px;
}

.group {
    background-color: #11111177;

    border-radius: var(--corner-radius);
    padding: 10px 50px;

    margin: auto;
    margin-top: 30px;
    margin-bottom: 30px;

    width: fit-content;
}

.button {
    background-color: #11111177;

    color: #f1f1f1;
    font-size: 15px;

    border-radius: var(--corner-radius);
    padding: 10px;
    border-width: 0px;
    border-color: #cef0cc;

    margin: auto;
}

.button:hover {
    cursor: copy;
}