:root {
	--color-bg: #ffecd1;
	--color-txt: #78290f;
	--color-h: var(--color-txt);
	--color-link: var(--color-txt);
	--color-bg-th: var(--color-bg);
	--color-tag: var(--color-txt);
	--color-private: var(--color-txt);
	--corner-val: 10px;
	--normal-font: sans-serif;
	--mono-font: monospace;
	--normal-font-size: 1.2em;
}

body {
    background: var(--color-bg);
    color: var(--color-txt);
    font-family: var(--normal-font);
    max-width: 90%;
    margin: 20px auto 20px auto;
}

body,
pre,
textarea,
input {
	font-size: var(--normal-font-size);
}

@media (min-width: 800px) {
    body {
        max-width: 70%;
    }
    body.edit {
        max-width: 90%
    }
}

h1, h2, h3, h4, h5 {
    color: var(--color-h);
}

a:link,
a:visited {
    color: var(--color-link);
    text-decoration: underline;
}

a.item:link,
a.item:visited {
    color: var(--color-txt);
    text-decoration: none;
}

pre {
    white-space: pre-wrap;
}

textarea,
input[type=text],
input[type=password],
pre {
	border: 1px solid var(--color-txt);
	font-family: var(--mono-font);
	color: var(--color-txt);
	background: var(--color-bg);
	border-radius: var(--corner-val);
	padding: 8px;

}

textarea {
    width: 100%;
    height: 40em;
    max-width: 100%;
}

input[type=button],
input[type=submit],
input[type=reset] {
    font-family: var(--normal-font)
	border-radius: var(--corner-val);
}

.btn,
.btn:link,
.btn:visited {
    border: 1px solid var(--color-txt);
    color: var(--color-txt);
    padding: 8px 12px;
    margin: 4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    background: var(--color-bg);
	border-radius: var(--corner-val);
}

.tag-btn,
.tag-btn:link,
.tag-btn:visited,
.tag-btn-a,
.tag-btn-a:link,
.tag-btn-a:visited {
    border: 1px solid var(--color-txt);
    padding: 8px 12px;
    margin: 4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
	border-radius: var(--corner-val);
}


.tag-btn,
.tag-btn:link,
.tag-btn:visited {
    color: var(--color-txt);
}

.tag-btn-a,
.tag-btn-a:link,
.tag-btn-a:visited {
    background-color: var(--color-txt);
    color: var(--color-bg);
}

.tag,
.private {
	font-style: italic;
	font-size: 0.8em;
}

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

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

table,
th,
td {
	border: 1pt solid var(--color-txt);
}

table {
    table-layout: fixed;
    border-collapse: collapse;
}

th, td {
    padding: 8px;
}

th {
    background: var(--color-bg-th);
    color: var(--color-txt);
}

div.obf > span:nth-child(2) {
    display: none;
}