:root {
/* original
    --bg: hsl(49, 85%, 3%);
    --cw: hsl(240, 97%, 57%);
    --white: hsl(0, 0%, 100%);
    --blue: hsl(240, 100%, 50%);
    --red: hsl(0, 100%, 50%);
*/
    --bg: hsl(40, 65%, 7%);
    --cw: hsl(240, 70%, 27%);
    --white: hsl(0, 0%, 82%);
    --blue: hsl(240, 70%, 35%);
    --red: hsl(40, 75%, 70%);
}

body {
	margin: 0;
	background-color: var(--bg);
	color: var(--white);
	line-height: 1.5;
}

li {
	margin-left: 20px;
	list-style: none;
}

.redc {
	background: #be094b;
	color: #fcf9fa;
	padding: 5px;
	margin-top: 10px;
}

.content-width {
	max-width: 90ch;
	width: calc(100% - 4rem);
	margin: 0 auto;
	background-color: var(--cw);
	color: #f4f4f4;
	padding: 15px;
	font-family: SimSun;
}

.content-width p {
	color: var(--white);
	background-color: var(--blue);
}

.redcomments {
	color: var(--red);
	font-style: italic;
}

header {
	padding: 2rem 0;
	font-family: SimSun, Verdana, Tahoma, "Trebuchet MS", "DejuVu Sans", "Bitstream Vera Sans", sans-serif;
}

header p {
	color: yellow;
	background-color: var(--blue);
}

main {

}

.datetime {
	color: var(--white);
	font-size: 14px;
	float: right:
}

img {
	width: 500px;
	
	padding: 5px;
}

.blogentry {
	background-color: var(--blue);
	padding: 15px;
	margin-top: 10px;
}

a:hover {
background-color: yellow;
color: black;
}

a {
color: #FFF;
}

a:link {
text-decoration: none;
}

a:visited {
text-decoration: none;
}

a:hover {
text-decoration: none;
}

a:active {
text-decoration: none;
}

p {
color: yellow;
background-color: var(--blue);
}

h1, h2, h3 {
	margin: 0;
}

h2, h3 {
  	color: var(--red);
	background-color: var(--blue);
}