:root {
	--bg: #ffffff; 
	--bg-secondary: #afafaf; 
	--fg: #000000;
	--fg-secondary: #0000ff;
}

img {
  width: 50%;
}

html {
	background: var(--bg);
	color: var(--fg);
}

hr {
	color: var(--fg);
}

a {
	color: var(--fg-secondary);
}

pre {
	overflow: scroll;
}

a:hover {
	background: var(--fg-secondary);
	color: var(--bg);
}

blockquote, pre, code {
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 1%;
	padding-left: 1%;
	padding-right: 1%;
	background: var(--bg-secondary);
	color: var(--fg);
}