/* csd.css */

* { margin: 0px; padding: 0px;
	text-decoration: none;
	outline: none;
}
body {
	background: linear-gradient(-5deg, #000000, #085008 40%, #308050, #085008 60%, #000000);
	font-family: sans-serif;
}
.outer {
	padding: 4px;
	margin: 4px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	// align-items: flex-start;
	justify-content: flex-start;
	align-content: flex-start;
	width: 98%;
}
.t1 {
	padding: 4px;
	margin: 4px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	// align-items: flex-start;
	justify-content: center;
	align-content: flex-start;
	width: 98%;
}
.t2 {
	padding: 4px;
	margin: 4px;
	border: 2px solid #308050;
	border-radius: 12px;
	background: #f0fff8;
	color: #006623;
	vertical-align: top;
}
.inner {
	padding: 4px;
	margin: 4px;
	border: 2px solid #308050;
	border-radius: 12px;
	background: #f0fff8;
	color: #006623;
	vertical-align: top;
	max-width: 30%;
}
.inner2 {
	padding: 4px;
	margin: 4px;
	border: 2px solid #308050;
	border-radius: 12px;
	background: #f0fff8;
	color: #006623;
	vertical-align: top;
	max-width: 70%;
}
.inner3 {
	padding: 4px;
	margin: 4px;
	border: 2px solid #308050;
	border-radius: 12px;
	background: #f0fff8;
	color: #006623;
	vertical-align: top;
	max-width: 25%;
}
.azure {
	padding: 4px;
	margin: 4px;
	border: 2px solid #f0fff8;
	border-radius: 12px;
	background: #308050;
	color: #f0fff8;
	vertical-align: top;
}

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: 3rem;
	margin-right: 0.5rem;
	position: absolute;
	--size: 44px;
	left: calc(-1 * var(--size) - 16px);
	line-height: var(--size);
	width: var(--size);
	height: var(--size);
	top: 0;
	background: black;
	color: #f0fff8;
	border-radius: 50%;
	text-align: center;
}

dl {
	padding: 0px;
	margin: 0px;
	width: 100%;
	overflow: hidden;
}
dt {
	float: left;
	clear: both;
	padding-right: 10px;
	font-weight: bold;
	color: #31e78c;
	text-align: right;
	width: 45%;
 }
dd {
	float: left;
	text-align: left;
	width: 45%;
}
a {
	padding: 2px;
	color: red;
	border: 2px solid #006623;
	border-radius: 12px;
	text-align: center;
	text-decoration: none;
	outline: none;
	display: inline-block;
}
a:link, a:unvisited {
	text-decoration: none;
	outline: none;
	background: #006623;
}
a:hover {
	background: #0059cf;
}
a:visited {
	color: #007ba7;
}
h1 { font-size: 24pt; }
h2 { font-size: 18pt; }
p { margin: 4px; text-indent: 1em; }
del { text-decoration: line-through; }
/* end */