diff --git a/assets/style.scss b/assets/style.scss
index aa0322d..d813102 100644
--- a/assets/style.scss
+++ b/assets/style.scss
@@ -1,182 +1,182 @@
 :root {
-  --background: hsl(210, 21%, 15%);
-  --border: hsl(210, 21%, 20%);
-  --text: hsl(210, 21%, 95%);
-  --text-2: hsl(210, 21%, 80%);
-  --vriish-red: hsl(0, 100%, 75%);    
-  --rose: hsl(0, 100%, 75%);    
-  --orange: hsl(25, 100%, 75%);    
-  --gold: hsl(50, 100%, 75%);    
-  --emerald: hsl(130, 100%, 75%);    
-  --sky: hsl(215, 100%, 75%);    
-  --purpur: hsl(275, 100%, 75%);
+	--background: hsl(210, 21%, 15%);
+	--border: hsl(210, 21%, 20%);
+	--text: hsl(210, 21%, 95%);
+	--text-2: hsl(210, 21%, 80%);
+	--vriish-red: hsl(0, 100%, 75%);
+	--rose: hsl(0, 100%, 75%);
+	--orange: hsl(25, 100%, 75%);
+	--gold: hsl(50, 100%, 75%);
+	--emerald: hsl(130, 100%, 75%);
+	--sky: hsl(215, 100%, 75%);
+	--purpur: hsl(275, 100%, 75%);
 }
 @media (prefers-color-scheme: light) {
-  :root {
-    --background: rgb(255, 245, 235);
-    --border: rgb(225, 215, 205);
-    --text: rgb(50, 40, 30);
-    --text-2: rgb(90, 80, 70);
-  }
+	:root {
+		--background: rgb(255, 245, 235);
+		--border: rgb(225, 215, 205);
+		--text: rgb(50, 40, 30);
+		--text-2: rgb(90, 80, 70);
+	}
 }
 
 * {
-  box-sizing: border-box;
-  scrollbar-color: var(--vriish-red) var(--background);
-  scrollbar-width: thin;
-  &::-webkit-scrollbar {
-    background: var(--background);
-    width: 6px;
-  }
-  &::-webkit-scrollbar-thumb { background: var(--vriish-red); }
+	box-sizing: border-box;
+	scrollbar-color: var(--vriish-red) var(--background);
+	scrollbar-width: thin;
+	&::-webkit-scrollbar {
+		background: var(--background);
+		width: 6px;
+	}
+	&::-webkit-scrollbar-thumb { background: var(--vriish-red); }
 }
 
 html {
-  overflow-x: hidden;
-  overflow-y: scroll;
+	overflow-x: hidden;
+	overflow-y: scroll;
 }
 body {
-  background: var(--background);
-  color: var(--text);
-  display: grid;
-  font-family: system-ui, sans-serif;
-  font-size: 1.2em;
-  line-height: 1.7;
-  margin: 0;
+	background: var(--background);
+	color: var(--text);
+	display: grid;
+	font-family: system-ui, sans-serif;
+	font-size: 1.2em;
+	line-height: 1.7;
+	margin: 0;
 }
 
 h1, h2, h3, h4, h5, h6 {
-  line-height: 1em;
-  margin: .8em 0;
+	line-height: 1em;
+	margin: .8em 0;
 }
 
 a {
-  color: var(--text);
-  text-decoration: underline;
-  text-decoration-color: var(--vriish-red);
-  text-underline-offset: 3px;
-  transition: text-decoration-color .2s;
-  &:hover { text-decoration-color: var(--text); }
+	color: var(--text);
+	text-decoration: underline;
+	text-decoration-color: var(--vriish-red);
+	text-underline-offset: 3px;
+	transition: text-decoration-color .2s;
+	&:hover { text-decoration-color: var(--text); }
 }
 
 center {
-  margin: 19.2px 0;
-  text-align: center;
+	margin: 19.2px 0;
+	text-align: center;
 }
 
 pre {
-  border: 1px solid var(--vriish-red);
-  border-radius: 4px;
-  overflow: auto;
-  padding: 10px 15px;
+	border: 1px solid var(--vriish-red);
+	border-radius: 4px;
+	overflow: auto;
+	padding: 10px 15px;
 }
 
 p {
-  hyphens: auto;
-  img {
-    border: 2px solid var(--border);
-    border-radius: 4px;
-    display: block;
-    margin: 0 auto;
-  }
+	hyphens: auto;
+	img {
+		border: 2px solid var(--border);
+		border-radius: 4px;
+		display: block;
+		margin: 0 auto;
+	}
 }
 
 hr {
-  border: 1px solid var(--border);
-  color: var(--border);
-  margin: 60px 0;
+	border: 1px solid var(--border);
+	color: var(--border);
+	margin: 60px 0;
 }
 
 // ------------------------
 // - header / nav; footer -
 // ------------------------
 header, footer {
-  align-items: center;
-  display: flex;
-  margin: 0 auto;
-  max-width: 1140px;
-  overflow: auto;
-  white-space: nowrap;
-  width: 100%;
-  a {
-    color: var(--text-2);
-    padding: 17.6px 15px;
-    text-decoration-color: var(--background);
-    text-decoration-thickness: 2px !important;
-    text-underline-offset: 6px;
-    margin: 0 15px;
-    &:hover { text-decoration-color: var(--vriish-red); }
-  }
+	align-items: center;
+	display: flex;
+	margin: 0 auto;
+	max-width: 1140px;
+	overflow: auto;
+	white-space: nowrap;
+	width: 100%;
+	a {
+		color: var(--text-2);
+		padding: 17.6px 15px;
+		text-decoration-color: var(--background);
+		text-decoration-thickness: 2px !important;
+		text-underline-offset: 6px;
+		margin: 0 15px;
+		&:hover { text-decoration-color: var(--vriish-red); }
+	}
 }
 header {
-  border-bottom: 1px solid var(--border);
-  h1 {
-    display: flex;
-    font-size: 1em;
-    margin: 0;
-    a {
-      color: var(--vriish-red);
-    }
-  }
-  nav {
-    display: flex;
-  }
-  aside {
-    margin-left: auto;
-  }
+	border-bottom: 1px solid var(--border);
+	h1 {
+		display: flex;
+		font-size: 1em;
+		margin: 0;
+		a {
+			color: var(--vriish-red);
+		}
+	}
+	nav {
+		display: flex;
+	}
+	aside {
+		margin-left: auto;
+	}
 }
 footer {
-  border-top: 1px solid var(--border);
-  color: var(--text-2);
-  a { color: var(--text-2); }
-  span {
-    padding: 17.6px 30px;
-    margin-right: auto;
-  }
+	border-top: 1px solid var(--border);
+	color: var(--text-2);
+	a { color: var(--text-2); }
+	span {
+		padding: 17.6px 30px;
+		margin-right: auto;
+	}
 }
 
 // --------
 // - main -
 // --------
 main {
-  margin: 20px auto;
-  max-width: 720px;
-  overflow: hidden;
-  padding: 30px;
-  width: 100%;
-  span { font-size: .8em; }
+	margin: 20px auto;
+	max-width: 720px;
+	overflow: hidden;
+	padding: 30px;
+	width: 100%;
+	span { font-size: .8em; }
 }
 
 #rainbow-heading {
-  animation: rainbow-swoosh;
-  animation-duration: 30000s;
-  animation-iteration-count: infinite;
-  background-image: linear-gradient(135deg, var(--purpur) 14.29%, var(--rose) 14.29%, var(--rose) 28.57%, var(--orange) 28.57%, var(--orange) 42.86%, var(--gold) 42.86%, var(--gold) 57.14%, var(--emerald) 57.14%, var(--emerald) 71.43%, var(--sky) 71.43%, var(--sky) 85.71%, var(--purpur) 85.71%);
-  background-clip: text;
-  -webkit-background-clip: text;
-  color: transparent;
-  display: inline-block;
-  margin: 0.55em 0;
+	animation: rainbow-swoosh;
+	animation-duration: 30000s;
+	animation-iteration-count: infinite;
+	background-image: linear-gradient(135deg, var(--purpur) 14.29%, var(--rose) 14.29%, var(--rose) 28.57%, var(--orange) 28.57%, var(--orange) 42.86%, var(--gold) 42.86%, var(--gold) 57.14%, var(--emerald) 57.14%, var(--emerald) 71.43%, var(--sky) 71.43%, var(--sky) 85.71%, var(--purpur) 85.71%);
+	background-clip: text;
+	-webkit-background-clip: text;
+	color: transparent;
+	display: inline-block;
+	margin: 0.55em 0;
 }
 
 span[title="Freude"], span[title="happiness"] {
-  font-size: 1em;
+	font-size: 1em;
 }
 
 p.date-published {
-  margin-bottom: -1.5em;
-  font-size: smaller;
-  font-style: italic;
+	margin-bottom: -1.5em;
+	font-size: smaller;
+	font-style: italic;
 }
 
 @media (max-width: 576px) {
-  main {
-    margin: 0 auto;
-  }
+	main {
+		margin: 0 auto;
+	}
 }
 
 @keyframes rainbow-swoosh {
-  0%   { background-position-x: 0px; }
-  50%  { background-position-x: 999999px; }
-  100% { background-position-x: 0px; }
+	0%   { background-position-x: 0px; }
+	50%  { background-position-x: 999999px; }
+	100% { background-position-x: 0px; }
 }