#editMode button {
    margin: 5px 0;
    border: 2px solid #272727;
    border-radius: 3px;
}

#editMode button:active {
    filter: brightness(80%);
    border: 2px solid #272727;
}

#editMode div.editControls {
    display: inline-block;
    text-align: center;
    border: 2px solid #272727;
    margin: 5px;
    padding: 0 15px 8px 15px;
    background: #c0c0c0;
    border-radius: 4px;
    color: #272727;
    font-family: 'Secular One', 'Arial', sans-serif;
}

@media (max-width:480px) {
    #editMode div.editControls {
        width: 96% !important;
    }
}

#editable {
    border: 1px solid #c0c0c0;
    overflow: auto;
    background: #272727;
    border-radius: 4px;
    color: #c0c0c0;
    text-align: left;
    padding: 5px;
    max-width: 800px;
    margin: 5px auto;
}

textarea#textarea-text {
    border: 1px solid #c0c0c0;
    height: 800px;
    height: 65vh;
    overflow: auto;
    background: #272727;
    border-radius: 4px;
    color: #c0c0c0;
    text-align: left;
    padding: 5px;
    max-width: 800px;
    margin: 5px auto;
    width: 95%;
    font-family: monospace;
}

#editMode button {
    margin: 5px 0;
    border: 2px solid #272727;
    border-radius: 3px;
    /*border-top: none;*/
    /*border-left: none;*/
}

#editMode button:active {
    filter: brightness(80%);
    border: 2px solid #272727;
    /*border-top: none;*/
    /*border-left: none;*/
}

#editMode div.editControls {
    display: inline-block;
    text-align: center;
    border: 2px solid #272727;
    margin: 5px;
    padding: 0 15px 8px 15px;
    background: #c0c0c0;
    border-radius: 4px;
    color: #272727;
    font-family: 'Secular One', 'Arial', sans-serif;
}

@media (max-width:480px) {
    #editMode div.editControls {
        width: 96% !important;
    }
}

#editable {
    border: 1px solid #c0c0c0;
    height: 250px;
    overflow: auto;
    background: #272727;
    border-radius: 4px;
    color: #c0c0c0;
    text-align: left;
    padding: 5px;
    max-width: 800px;
    margin: 5px auto;
}

table {
    width: 100%;
    max-width: 1000px;
    margin: 18px auto;
    font-family: "Roboto", "Arial", sans-serif;
}

td,
th {
    border: 1px solid #414141;
    padding: 6px 0px;
}

th {
    background: #6969698c;
}

.fa-arrow-circle-right {
    cursor: pointer;
}

a.l {
    color: #5e8aff;
    text-decoration: underline;
    cursor: pointer;
}

a.l:hover {
    color: #85c0ff;
}