diff --git a/css/index.css b/css/index.css
index c920d26..9e6819f 100644
--- a/css/index.css
+++ b/css/index.css
@@ -1,294 +1,309 @@
 /* Colors */
 :root {
-  --header: #333;
-  --border: #C0C0C0;
-  --text: #fff;
-  --visited: #660066;
-  --link: #fff;
-  --bg: #fff;
-  --code-bg: #f6f6f6;
-  --header-text: #333;
+	--header: #333;
+	--border: #C0C0C0;
+	--text: #fff;
+	--visited: #660066;
+	--link: #fff;
+	--bg: #fff;
+	--code-bg: #f6f6f6;
+	--header-text: #333;
 }
-/*@media (prefers-color-scheme: dark) {
-  :root {
-    body{
-      --bg: #333;
-      --text: #fff
-
-    }
-
-  }
-  */
-/*@media (prefers-color-scheme: dark) {
-  :root {
-    --header: #333;
-    --border: #C0C0C0;
-    --text: #fff;
-    --visited: #660066;
-    --link: #0000FF;
-    --bg: #36393f;
-    --code-bg: #2f3136;
-    --header-text: #666e5c;
-  }
-}
-*/
 
 /* Global stylesheet */
 * {
-  box-sizing: border-box;
-  /*border: 3px solid #73AD21; toggle to debug borders */
+	box-sizing: border-box;
+	/*border: 3px solid #73AD21; toggle to debug borders */
 }
 
 html,
 body {
-  padding: 0;
-  margin: 0;
-  font-family: -apple-system, system-ui, sans-serif;
-  color: var(--text);
-  background-color: var(--bg);
+	padding: 0;
+	margin: 0;
+	font-family: -apple-system, system-ui, sans-serif;
+	color: var(--text);
+	background-color: var(--bg);
+	min-height: 100vh;
+	width: 100%;
+	background-image: linear-gradient(116deg, rgba(232, 232, 232, 0.03) 0%, rgba(232, 232, 232, 0.03) 10%, rgba(14, 14, 14, 0.03) 10%, rgba(14, 14, 14, 0.03) 66%, rgba(232, 232, 232, 0.03) 66%, rgba(232, 232, 232, 0.03) 72%, rgba(44, 44, 44, 0.03) 72%, rgba(44, 44, 44, 0.03) 81%, rgba(51, 51, 51, 0.03) 81%, rgba(51, 51, 51, 0.03) 100%), linear-gradient(109deg, rgba(155, 155, 155, 0.03) 0%, rgba(155, 155, 155, 0.03) 23%, rgba(30, 30, 30, 0.03) 23%, rgba(30, 30, 30, 0.03) 63%, rgba(124, 124, 124, 0.03) 63%, rgba(124, 124, 124, 0.03) 73%, rgba(195, 195, 195, 0.03) 73%, rgba(195, 195, 195, 0.03) 84%, rgba(187, 187, 187, 0.03) 84%, rgba(187, 187, 187, 0.03) 100%), linear-gradient(79deg, rgba(254, 254, 254, 0.03) 0%, rgba(254, 254, 254, 0.03) 27%, rgba(180, 180, 180, 0.03) 27%, rgba(180, 180, 180, 0.03) 33%, rgba(167, 167, 167, 0.03) 33%, rgba(167, 167, 167, 0.03) 34%, rgba(68, 68, 68, 0.03) 34%, rgba(68, 68, 68, 0.03) 63%, rgba(171, 171, 171, 0.03) 63%, rgba(171, 171, 171, 0.03) 100%), linear-gradient(109deg, rgba(71, 71, 71, 0.03) 0%, rgba(71, 71, 71, 0.03) 3%, rgba(97, 97, 97, 0.03) 3%, rgba(97, 97, 97, 0.03) 40%, rgba(40, 40, 40, 0.03) 40%, rgba(40, 40, 40, 0.03) 55%, rgba(5, 5, 5, 0.03) 55%, rgba(5, 5, 5, 0.03) 73%, rgba(242, 242, 242, 0.03) 73%, rgba(242, 242, 242, 0.03) 100%), linear-gradient(271deg, rgba(70, 70, 70, 0.03) 0%, rgba(70, 70, 70, 0.03) 11%, rgba(178, 178, 178, 0.03) 11%, rgba(178, 178, 178, 0.03) 23%, rgba(28, 28, 28, 0.03) 23%, rgba(28, 28, 28, 0.03) 72%, rgba(152, 152, 152, 0.03) 72%, rgba(152, 152, 152, 0.03) 86%, rgba(43, 43, 43, 0.03) 86%, rgba(43, 43, 43, 0.03) 100%), linear-gradient(90deg, rgb(27, 27, 27), rgb(1, 1, 1));
+	background-size: 100% 100%;
 }
 
 p:last-child {
-  margin-bottom: 0;
+	margin-bottom: 0;
 }
+
 p,
 .tmpl-post li,
 img {
-  max-width: 37.5em; /* 600px /16 */
+	max-width: 37.5em;
+	/* 600px /16 */
 }
+
 p,
 .tmpl-post li {
-  line-height: 1.45;
+	line-height: 1.45;
 }
+
 a[href] {
-  color: var(--link);
+	color: var(--link);
 }
+
 a[href]:visited {
-  color: var(--link);
+	color: var(--link);
 }
+
 main {
-  padding: 1rem;
+	padding: 1rem;
 }
+
 main :first-child {
-  margin-top: 0;
+	margin-top: 0;
 }
+
 header {
-  border-bottom: 1px dashed var(--header);
-  color: var(--text)
+	border-bottom: 1px dashed var(--header);
+	color: var(--text)
 }
+
 header:after {
-  content: "";
-  display: table;
-  clear: both;
+	content: "";
+	display: table;
+	clear: both;
 }
+
 table {
-  margin: 1em 0;
+	margin: 1em 0;
 }
+
 table td,
 table th {
-  padding-right: 1em;
+	padding-right: 1em;
 }
 
 pre,
 code {
-  font-family: Consolas, Menlo, Monaco, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Courier New", Courier, monospace;
-  line-height: 1.5;
+	font-family: Consolas, Menlo, Monaco, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Courier New", Courier, monospace;
+	line-height: 1.5;
 
 }
+
 pre {
-  font-size: 14px;
-  line-height: 1.375;
-  direction: ltr;
-  text-align: left;
-  white-space: pre;
-  word-spacing: normal;
-  word-break: normal;
-  -moz-tab-size: 2;
-  -o-tab-size: 2;
-  tab-size: 2;
-  -webkit-hyphens: none;
-  -moz-hyphens: none;
-  -ms-hyphens: none;
-  hyphens: none;
-  padding: 1em;
-  margin: .5em 0;
-  overflow-y: auto;
-  max-width: 90vw;
+	font-size: 14px;
+	line-height: 1.375;
+	direction: ltr;
+	text-align: left;
+	white-space: pre;
+	word-spacing: normal;
+	word-break: normal;
+	-moz-tab-size: 2;
+	-o-tab-size: 2;
+	tab-size: 2;
+	-webkit-hyphens: none;
+	-moz-hyphens: none;
+	-ms-hyphens: none;
+	hyphens: none;
+	padding: 1em;
+	margin: .5em 0;
+	overflow-y: auto;
+	max-width: 90vw;
 }
-  /*background-color: var(--code-bg)*/
+
+/*background-color: var(--code-bg)*/
 code {
-  word-break: break-all !important;
+	word-break: break-all !important;
 }
+
 .highlight-line {
-  display: block;
-  padding: 0.125em 1em;
-  text-decoration: none; /* override del, ins, mark defaults */
-  color: inherit; /* override del, ins, mark defaults */
+	display: block;
+	padding: 0.125em 1em;
+	text-decoration: none;
+	/* override del, ins, mark defaults */
+	color: inherit;
+	/* override del, ins, mark defaults */
 }
 
 /* allow highlighting empty lines */
 .highlight-line:empty:before {
-  content: " ";
+	content: " ";
 }
+
 /* avoid double line breaks when using display: block; */
-.highlight-line + br {
-  display: none;
+.highlight-line+br {
+	display: none;
 }
 
 .highlight-line-isdir {
-  color: #b0b0b0;
-  background-color: #222;
+	color: #b0b0b0;
+	background-color: #222;
 }
+
 .highlight-line-active {
-  background-color: #444;
-  background-color: hsla(0, 0%, 27%, .8);
+	background-color: #444;
+	background-color: hsla(0, 0%, 27%, .8);
 }
+
 .highlight-line-add {
-  background-color: #45844b;
+	background-color: #45844b;
 }
+
 .highlight-line-remove {
-  background-color: #902f2f;
+	background-color: #902f2f;
 }
 
 /* Header */
 .home {
-  padding: 0 1rem;
-  float: left;
-  margin: 1rem 0; /* 16px /16 */
-  font-size: 1em; /* 16px /16 */
+	padding: 0 1rem;
+	float: left;
+	margin: 1rem 0;
+	/* 16px /16 */
+	font-size: 1em;
+	/* 16px /16 */
 }
+
 .home :link:not(:hover) {
-  text-decoration: none;
+	text-decoration: none;
 }
 
 /* Nav */
 .nav {
-  padding: 0;
-  list-style: none;
-  float: left;
-  margin-left: 1em;
+	padding: 0;
+	list-style: none;
+	float: left;
+	margin-left: 1em;
 }
+
 .nav-item {
-  display: inline-block;
-  margin-right: 1em;
+	display: inline-block;
+	margin-right: 1em;
 }
+
 .nav-item a[href]:not(:hover) {
-  text-decoration: none;
+	text-decoration: none;
 }
+
 .nav-item-active {
-  font-weight: 700;
-  text-decoration: underline;
+	font-weight: 700;
+	text-decoration: underline;
 }
 
 /* Posts list */
 .postlist {
-  list-style: none;
-  padding: 0;
+	list-style: none;
+	padding: 0;
 }
+
 .postlist-item {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: baseline;
-  counter-increment: start-from -1;
-  line-height: 1.8;
+	display: flex;
+	flex-wrap: wrap;
+	align-items: baseline;
+	counter-increment: start-from -1;
+	line-height: 1.8;
 }
+
 .postlist-item:before {
-  display: inline-block;
-  pointer-events: none;
-  content: "" counter(start-from, decimal-leading-zero) ". ";
-  line-height: 100%;
-  text-align: right;
+	display: inline-block;
+	pointer-events: none;
+	content: "" counter(start-from, decimal-leading-zero) ". ";
+	line-height: 100%;
+	text-align: right;
 }
+
 .postlist-date,
 .postlist-item:before {
-  font-size: 0.8125em; /* 13px /16 */
-  color: var(--text);
+	font-size: 0.8125em;
+	/* 13px /16 */
+	color: var(--text);
 }
+
 .postlist-date {
-  word-spacing: -0.5px;
+	word-spacing: -0.5px;
 }
+
 .postlist-link {
-  padding-left: .25em;
-  padding-right: .25em;
-  text-underline-position: from-font;
-  text-underline-offset: 0;
-  text-decoration-thickness: 1px;
+	padding-left: .25em;
+	padding-right: .25em;
+	text-underline-position: from-font;
+	text-underline-offset: 0;
+	text-decoration-thickness: 1px;
 }
+
 .postlist-item-active .postlist-link {
-  font-weight: bold;
+	font-weight: bold;
 }
+
 .tmpl-home .postlist-link {
-  font-size: 1.1875em; /* 19px /16 */
-  font-weight: 700;
+	font-size: 1.1875em;
+	/* 19px /16 */
+	font-weight: 700;
 }
 
 
 /* Tags */
 .post-tag {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  text-transform: uppercase;
-  font-size: 0.75em; /* 12px /16 */
-  padding: 0.08333333333333em 0.3333333333333em; /* 1px 4px /12 */
-  margin-left: 0.6666666666667em; /* 8px /12 */
-  margin-top: 0.5em; /* 6px /12 */
-  margin-bottom: 0.5em; /* 6px /12 */
-  color: var(--text);
-  border: 1px solid var(--border);
-  border-radius: 0.25em; /* 3px /12 */
-  text-decoration: none;
-  line-height: 1.8;
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	text-transform: uppercase;
+	font-size: 0.75em;
+	/* 12px /16 */
+	padding: 0.08333333333333em 0.3333333333333em;
+	/* 1px 4px /12 */
+	margin-left: 0.6666666666667em;
+	/* 8px /12 */
+	margin-top: 0.5em;
+	/* 6px /12 */
+	margin-bottom: 0.5em;
+	/* 6px /12 */
+	color: var(--text);
+	border: 1px solid var(--border);
+	border-radius: 0.25em;
+	/* 3px /12 */
+	text-decoration: none;
+	line-height: 1.8;
 }
+
 a[href].post-tag,
 a[href].post-tag:visited {
-  color: inherit;
+	color: inherit;
 }
+
 a[href].post-tag:hover,
 a[href].post-tag:focus {
-  background-color: var(--header);
+	background-color: var(--header);
 }
-.postlist-item > .post-tag {
-  align-self: center;
+
+.postlist-item>.post-tag {
+	align-self: center;
 }
 
 /* Warning */
 .warning {
-  background-color: #ffc;
-  padding: 1em 0.625em; /* 16px 10px /16 */
+	background-color: #ffc;
+	padding: 1em 0.625em;
+	/* 16px 10px /16 */
 }
+
 .warning ol:only-child {
-  margin: 0;
+	margin: 0;
 }
 
 /* Direct Links / Markdown Headers */
 .direct-link {
-  font-family: sans-serif;
-  text-decoration: none;
-  font-style: normal;
-  margin-left: .1em;
+	font-family: sans-serif;
+	text-decoration: none;
+	font-style: normal;
+	margin-left: .1em;
 }
+
 a[href].direct-link,
 a[href].direct-link:visited {
-  color: transparent;
+	color: transparent;
 }
+
 a[href].direct-link:focus,
 a[href].direct-link:focus:visited,
-:hover > a[href].direct-link,
-:hover > a[href].direct-link:visited {
-  color: #aaa;
-}
-
-
-
-html, body{
-  min-height: 100vh;
-  width: 100%;
-  margin: 0;
-  padding: 0px;
-}
-body {
-    /*#ed3f3e); */
-  background-image: linear-gradient(116deg, rgba(232, 232, 232, 0.03) 0%, rgba(232, 232, 232, 0.03) 10%,rgba(14, 14, 14, 0.03) 10%, rgba(14, 14, 14, 0.03) 66%,rgba(232, 232, 232, 0.03) 66%, rgba(232, 232, 232, 0.03) 72%,rgba(44, 44, 44, 0.03) 72%, rgba(44, 44, 44, 0.03) 81%,rgba(51, 51, 51, 0.03) 81%, rgba(51, 51, 51, 0.03) 100%),linear-gradient(109deg, rgba(155, 155, 155, 0.03) 0%, rgba(155, 155, 155, 0.03) 23%,rgba(30, 30, 30, 0.03) 23%, rgba(30, 30, 30, 0.03) 63%,rgba(124, 124, 124, 0.03) 63%, rgba(124, 124, 124, 0.03) 73%,rgba(195, 195, 195, 0.03) 73%, rgba(195, 195, 195, 0.03) 84%,rgba(187, 187, 187, 0.03) 84%, rgba(187, 187, 187, 0.03) 100%),linear-gradient(79deg, rgba(254, 254, 254, 0.03) 0%, rgba(254, 254, 254, 0.03) 27%,rgba(180, 180, 180, 0.03) 27%, rgba(180, 180, 180, 0.03) 33%,rgba(167, 167, 167, 0.03) 33%, rgba(167, 167, 167, 0.03) 34%,rgba(68, 68, 68, 0.03) 34%, rgba(68, 68, 68, 0.03) 63%,rgba(171, 171, 171, 0.03) 63%, rgba(171, 171, 171, 0.03) 100%),linear-gradient(109deg, rgba(71, 71, 71, 0.03) 0%, rgba(71, 71, 71, 0.03) 3%,rgba(97, 97, 97, 0.03) 3%, rgba(97, 97, 97, 0.03) 40%,rgba(40, 40, 40, 0.03) 40%, rgba(40, 40, 40, 0.03) 55%,rgba(5, 5, 5, 0.03) 55%, rgba(5, 5, 5, 0.03) 73%,rgba(242, 242, 242, 0.03) 73%, rgba(242, 242, 242, 0.03) 100%),linear-gradient(271deg, rgba(70, 70, 70, 0.03) 0%, rgba(70, 70, 70, 0.03) 11%,rgba(178, 178, 178, 0.03) 11%, rgba(178, 178, 178, 0.03) 23%,rgba(28, 28, 28, 0.03) 23%, rgba(28, 28, 28, 0.03) 72%,rgba(152, 152, 152, 0.03) 72%, rgba(152, 152, 152, 0.03) 86%,rgba(43, 43, 43, 0.03) 86%, rgba(43, 43, 43, 0.03) 100%),linear-gradient(90deg, rgb(27, 27, 27),rgb(1, 1, 1));
-  background-size: 100% 100%;
+:hover>a[href].direct-link,
+:hover>a[href].direct-link:visited {
+	color: #aaa;
 }