body {
    margin: 5vmin 5vw;
    background-color: var(--black);
    color: var(--white);
    padding: 10px;
    font-family: "Fira Code", monospace;
    font-weight: 400;
    font-style: normal;
    font-size: large;
}

.button {
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    color: var(--white);
    padding: 12px 20px;
    background-color: var(--brightBlack);
    border: 2px solid var(--brightBlack);
    cursor: pointer;
    margin-bottom: 5px;
    font-family: "Fira Code", monospace;
    font-weight: 400;
    font-size: large;
}

.button:hover {
    background-color: var(--white);
    color: var(--black);
}

@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&display=swap');

/* Colours */
:root {
    --black: #0C0C0C;
    --blue: #0037DA;
    --cyan: #3A96DD;
    --green: #13A10E;
    --purple: #881798;
    --red: #C50F1F;
    --white: #CCCCCC;
    --yellow: #C19C00;

    --brightBlack: #767676;
    --brightBlue: #3B78FF;
    --brightCyan: #61D6D6;
    --brightGreen: #16C60C;
    --brightPurple: #B4009E;
    --brightRed: #E74856;
    --brightWhite: #F2F2F2;
    --brightYellow: #F9F1A5;
}

.black {
    color: var(--black);
}

.blue {
    color: var(--blue);
}

.cyan {
    color: var(--cyan);
}

.green {
    color: var(--green);
}

.purple {
    color: var(--purple);
}

.red {
    color: var(--red);
}

.white {
    color: var(--white);
}

.yellow {
    color: var(--yellow);
}

.brightBlack {
    color: var(--brightBlack);
}

.brightBlue {
    color: var(--brightBlue);
}

.brightCyan {
    color: var(--brightCyan);
}

.brightGreen {
    color: var(--brightGreen);
}

.brightPurple {
    color: var(--brightPurple);
}

.brightRed {
    color: var(--brightRed);
}

.brightWhite {
    color: var(--brightWhite);
}

.brightYellow {
    color: var(--brightYellow);
}

/* Global */
::selection {
    background-color: var(--brightWhite);
    color: var(--black);
}

.title {
    color: var(--green);
    text-decoration: underline wavy;
}

.label {
    color: var(--brightCyan);
    font-size: x-large;
}

.username {
    color: var(--brightYellow);
}