.content textarea {
    width: calc(100% - 28px);
    font-size: calc(var(--font-sizing) + max(1.4vh, 1.4vw));
    font-family: "Open Sans", serif;
    text-align: left;
    text-align-last: left;
    opacity: 0.8;
}

.content input, .content select, .content textarea {
    background-color: var(--color);
    color: var(--background-color);
    border-radius: min(0.4vw, 0.4vh);
    padding: 0 6px;
    border: none;
    margin: 4px 8px;
    transition: 0.1s;
}
.content input:disabled, .content select:disabled, .content textarea:disabled {
    opacity: 0.6;
    border-radius: min(1.2vw, 1.2vh);
}
.content input[type="text"] {
    text-align: left;
    text-align-last: left;
    font-size: smaller;
    width: calc(100% - 28px);
    padding: 6px;
    opacity: 0.8;
}
.content input {
    text-align: center !important;
    text-align-last: center !important;
}

.content input[type="submit"]       { padding: 0 8px; }
.content input[type="submit"]:hover { padding: 0 12px; }

@media only screen and (max-width: 600px) {
    table, tbody, tr, th, td {
        display: block;
    }
}