.hubPage
{
    background-color: var(--backgroundColour);
    color: var(--textColour);
}

.code-block
{
    background-color: #000000;
    border: 1px solid #FFFFFF11;
    border-radius: 5px;
    padding: 5px;
    color: #EEEEEE;
    white-space: pre;
}

.code-comment
{
    color: #7ebb7e;
}

.form-control
{
    background-color: var(--inputColour);
    color: var(--inputTextColour);
    border: none;
    border-left: 2px solid var(--inputColour);
    border-radius: 5px;
    transition-duration: 0.2s;
}

textarea.form-control
{
    padding: 5px;
    resize: none;
}

.form-control:focus
{
    background-color: var(--inputFocusColour);
    border-left: 2px solid var(--tertiaryColour);
    border-radius: 0px 5px 5px 0px;
}

.form-control *
{
    color: #000000;
}

.textBlock
{
    padding: 2px 10px;
    background-color: #44A5BF33;
    border-radius: 5px;
}

/* MCE */

.mce-panel
{
    background-color: #44A5BF33;
}