/* light mode */
:root {
	--color:#8A5F41;
	--background:#F3E4C9;
	--link:#306D29;
	--linkhover:#3c6d70;
    --strong:#000;
}

/* dark mode */
@media (prefers-color-scheme: dark) {
	:root {
		--color:#DCD7C9;
		--background:#2C3639;
		--link:#9bc4c7;
		--linkhover:#cca376;
        --strong:#fff;
	}
}

body { 
	color: var(--color);
	background: var(--background);
}

a { color: var(--link); text-decoration: none; }

del { color: #740000; }

strong { color: var(--strong); }

mark { background: #9dff60;
}

h1 { 
  text-align: center;
  font: monospace;
  background-color: #A77F60;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: rgba(255,255,255,0.5) 0px 1px 1px;
}

he {
    text-align: center;
}