/* csd.css */

* { margin: 0px; padding: 0px;
	text-decoration: none;
	outline: none;
}
body {
	background: #d4c6b8;
	font-family: serif;
	font-size: larger;
}

img {	
	filter: sepia(0.7);
}

.outer {
	padding: 8px;
	margin: 8px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	// align-items: flex-start;
	justify-content: flex-start;
	align-content: flex-start;
	width: 98%;
}
.titlebar {
	padding: 8px;
	margin: 8px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	// align-items: flex-start;
	justify-content: center;
	align-content: flex-start;
	width: 98%;
}

.left1 {
	padding: 8px;
	margin: 8px;
	border: 8px solid #704214;
	border-radius: 16px;
	background: #c5b3a1;
	color: #211306;
	vertical-align: top;
	max-width: 45%;
}
.right1 {
	padding: 8px;
	margin: 8px;
	border: 8px solid #704214;
	border-radius: 16px;
	background: #c5b3a1;
	color: #211306;
	vertical-align: top;
	max-width: 45%;
}

dl {
	padding: 0px;
	margin: 0px;
	width: 100%;
	overflow: hidden;
}
dt {
	float: left;
	clear: both;
	padding-right: 10px;
	font-weight: bold;
	color: #704214;
	text-align: right;
	vertical-align: middle;
	width: 30%;
 }
dd {
	float: left;
	font-weight: bold;
	text-align: left;
	width: 65%;
}

ul {
        padding-left: 2em;
        list-style: none;
        overflow: hidden;
        font-style: italic;
}


ol {
        list-style: none;
        counter-reset: mycount;
        padding-left: 48px;
}

ol li {
        counter-increment: mycount;
        position: relative;
        margin: 0 0 1rem 0;
}
ol li::before {
        content: counter(mycount);
        font-weight: bold;
        font-size: 2rem;
        margin-right: 0.5rem;
        position: absolute;
        --size: 20px;
        left: calc(-1 * var(--size) - 16px);
        line-height: var(--size);
        width: var(--size);
        height: var(--size);
        top: 0;
        background: #704214;
        color: #d4c4b8;
        border-radius: 50%;
        text-align: center;
}

a {
	padding: 4px;
	border: 2px solid #8c6743;
	border-radius: 8px;
	text-align: center;
	text-decoration: none;
	outline: none;
	display: inline-block;
}
a:link, a:unvisited {
	text-decoration: none;
	outline: none;
}
a:hover {
	background: #8c6743;
}
a:visited {
	color: #9a7a5a;
}
h1 { font-size: 48pt; }
h2 { font-size: 18pt; }
p { margin: 12px; padding: 8px; text-indent: 1em; }
del { text-decoration: line-through; }
/* end */