@font-face {
    font-family: "Ubuntu";
    src: url("/fonts/UbuntuMono-R.ttf") format "ttf";
}

:root {
    --mainColour: #5ee9a8;
    --subtleColour: #1d2621;
    --mainBackgroundColour: #0d1611;
    --linksColour: #3dc887;
}

body {
    font-family: "Ubuntu";
    font-size:1.2em;
    background-color: var(--mainBackgroundColour);
    color: var(--mainColour);
    border: 1px solid var(--mainColour);
}

a {
    color: var(--linksColour);
    font-style: italic;
}

img {
    max-width: 80%;
}

:visited {
    color: var(--linksColour);
    font-style: italic;
}

.main {
    width: 90vw;
    margin: auto;
    display: block;
}

.crossSiteMenu {
    text-align: right;
}


.inputsContainer {
    display: block;
    margin-bottom: 16px;
}


blockquote {
    border: 1px solid var(--mainColour);
    color: var(--mainColour);
    padding: 32px;
}


select, input, .textInput, .stringInput {
    background-color: var(--mainBackgroundColour);
    color: var(--mainColour);
    border: 1px solid var(--mainColour);
    display: inline-block;
    padding: 16px;
    outline: none;
}

.textInput, .stringInput, .contentView {
    width: 80vw;
    max-width: 1000px;
}


.contentView {
    margin-bottom: 64px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 64px;
    border-bottom: 1px dotted var(--mainColour);
}


.pinnedContentDelimiter {
    margin-bottom: 64px;
    border-bottom: 2px dotted var(--mainColour);
}


.textInput {
    min-height: 16em;
}


.boolInputUnchecked, .boolInputChecked {
    border: 1px solid var(--mainColour);
    display: inline-block;
    margin-right: 16px;
    margin-bottom: 16px;
    outline: none;
    min-width: 16px;
    min-height: 16px;
    text-decoration: none;
    cursor: pointer;
}


.boolInputUnchecked {
    background-color: var(--mainBackgroundColour);
    color: var(--mainColour) !important;
}



.boolInputChecked, .errorlist {
    background-color: var(--mainColour);
    color: var(--mainBackgroundColour) !important;
}


.editorButtonsContainer {
    width: 100%;
}

.button {
    background-color: var(--mainColour);
    color: var(--mainBackgroundColour);
    border: 3px outset var(--mainColour);
    cursor: pointer;
    text-decoration: none;
    margin-bottom: 8px;
    font-style: normal;
    min-width: 5ch;
    display: inline-block;
    text-align: center;
    padding: 4px;
}