body {
    font-family: Arial, sans-serif;
    font-size: medium;
    color: #444;
    /* background-color: #3c3836; */
}

h1 {
    /* color: #8ec07c; */
    /* text-align: left; */
}
h2,
h3 {
	line-height:1.2
}
@media (prefers-color-scheme: dark){
	body {
		color:#c9d1d9;
		background:#0d1117
	}
	a:link {
		color#58a6ff
	}
	a:visited {
		color:#8e96f0
	}
}

/* #box-one { */
/*     background-color: #504945; */
/*     color: #8ec07c; */
/*     opacity: 0.5; */
/* } */

/* #content { */
/* 	clear: both; */
/* 	margin: 0; */
/* 	padding: 0; */
/* 	/\*background-color: #fff; */
/* 	overflow: hidden;*\/ */
/* } */
/* #sidebar { */
/* 	float: left; */
/* 	margin: 0px 1px 0 0px; /\* margins: top, right, bottom, left *\/ */
/* 	padding: 1em 0; */
/* 	width: 200px; */
/* } */