:root {
	--alt-highlight-colour: #DA5552;
	--main-highlight-colour: #386e8b;
	--main-text-colour: #32322C;
	--yellow: #FFDB58;
	--beige: #D3C0CD;
	--blue: #0000EE;
	--red: #BA1312;
	--green: #69D0A5;
	--dark-grey: #7D7C78;
	--violet: #5800A9;
	--maximum-purple: #82368C;
	--green-sheen: #86BBBD;
	--black-olive: #32322C;
	--languid-lavender: #D3C0CD;
	--indian-red: #DA5552;
	--white: floralwhite;
}
html {
	line-height: 1.5;
	font-family: Georgia, serif;
	font-weight: normal;
	color: var(--black-olive);
	background-color: var(--black-olive);
	overflow-y: scroll;
	font-size: 18px;
}
article {
	margin: auto;
	padding: 5px;
	margin-top: 10px;
	background-color: var(--languid-lavender);
	max-width: 640px;
	border: 4px solid;
	border-color: var(--indian-red);
	box-shadow: 6px 6px #000000;
}
article a {
	text-decoration: none;
    background-color: transparent;
    /* 1 */
    -webkit-text-decoration-skip: objects;
    /* 2 */
    border-bottom-color: var(--green);
    border-bottom-style: solid;
    border-bottom-width: 3px;
    transition-property: box-shadow;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
    box-shadow: var(--green) 0px inset;
    color: var(--blue);
}
article a:hover {
    box-shadow: var(--green) 0px -3px inset;
}
article a:visited {
	color: blueviolet;
    color: var(--violet);
}
nav {
	padding: 5px;
	background-color: var(--alt-highlight-colour);
	box-shadow: 6px 6px grey;
}
nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
nav ul li {
	float: left;
	margin-right: 5px;
}
nav ul li a {
	display: block;
	color: floralwhite;
	background-color: var(--main-highlight-colour);
	text-align: center;
	padding: 8px 10px;
	text-decoration: none;
	border: 2px aliceblue solid;
	border-bottom: 2px var(--dark-grey) solid;
	border-right: 2px var(--dark-grey) solid;
}
.active {
	background-color: floralwhite;
	color: var(--main-highlight-colour);
}
nav ul li a:hover {
	background-color: floralwhite;
	color: var(--main-highlight-colour);
}
.rss {
	list-style-type: none;
	display: block;
	padding: 5px 5px;
	background-color: #aa421c;
	border-style: solid;
	border-width: 4px;
	border-color: darkorange;
	width: min-content;
}
.rss a {
	color:white;
	box-shadow: none;
	border-bottom: unset;
	text-decoration: none;
}
.rss a:hover {
	box-shadow: unset;
}
.rss a:visited {
	color: floralwhite;
}
th, td {
	padding: 5px;
	text-align: left;
}
pre {
	background-color: floralwhite;
	margin: 5px;
	padding: 5px;
	counter-reset: line;
	white-space: pre-wrap;
	border: 4px solid var(--green);
	box-shadow: 6px 6px var(--dark-grey);
	word-break: break-all;
	font-size: 16px;
}
code {
	counter-increment: line;
}
code:before {
	content: counter(line) ": ";
}
h1, h2, h3, h4, h5, h6, p {
	padding: 5px;
	word-break: break-word;
	hyphens: auto;
}
h1:first-of-type {
	margin-top: 0px;
}
blockquote {
	font-style: italic;
	margin: 0px;
	margin-left: 10px;
	padding: 10px;
	margin-right: 10px;
	box-shadow: 5px 5px var(--dark-grey);
	background-color: floralwhite;
	border-left: solid 5px var(--green);
}