Improve home

assets/scss/home.scss

@@ -50,6 +50,23 @@
     }
 }
 
+main > p {
+    font-family: "playfair";
+    font-size: 2.15rem;
+    letter-spacing: 0.1rem;
+    line-height: 2rem;
+    text-align: center;
+    margin: 1.5rem;
+    &:first-of-type {
+        line-height: 2.6rem;
+        font-size: 3rem;
+        margin-top: 6rem;
+    }
+    &:last-of-type {
+        margin-bottom: 8rem;
+    }
+}
+
 section {
     position: relative;
     h2 {

assets/scss/main.scss

@@ -8,7 +8,7 @@
 	}
 	&::-webkit-scrollbar-thumb { background: var(--vriish-rose); }
 	&::selection {
-		color: var(--white);
+		color: var(--text);
 		background-color: var(--vriish-rose);
 	}
 }
@@ -43,10 +43,11 @@ html {
 		a {
 			color: var(--text);
 			text-decoration: underline;
-			text-decoration-color: var(--vriish-rose);
+			text-decoration-color: var(--link-underline);
-			text-underline-offset: 3px;
+			text-decoration-thickness: 3px;
+			text-underline-offset: 2px;
 			transition: text-decoration-color .2s;
-			&:hover { text-decoration-color: var(--text); }
+			&:hover { text-decoration-color: var(--link-underline-hover); }
 		}
 		pre {
 			border: 1px solid var(--vriish-rose);

assets/scss/variables.scss

@@ -24,6 +24,9 @@
 	--border: var(--primary-dark-200);
 	
 	--text: var(--primary-light-950);
+	--text-hover: var(--primary-light-900);
+	--link-underline: var(--primary-light-700);
+	--link-underline-hover: var(--primary-light-600);
 
 	--sidebar-background: var(--primary-dark-100);
 	--sidebar-border: var(--primary-dark-150);
@@ -36,7 +39,7 @@
 	--gold: hsl(50, 100%, 75%);
 	--emerald: hsl(130, 100%, 75%);
 	--sky: hsl(215, 100%, 75%);
-	--purpur: hsl(275, 100%, 75%);
+	--purpur: hsl(320, 100%, 75%);
 	--white: hsl(360, 100%, 100%);
 
 	--vriish-gradient: linear-gradient(-35deg, var(--primary-light-300) -50%, var(--primary-dark-300) 150%);
@@ -60,6 +63,9 @@
 		--border: var(--primary-dark-800);
 
 		--text: var(--primary-dark-50);
+		--text-hover: var(--primary-dark-100);
+		--link-underline: var(--primary-dark-700);
+		--link-underline-hover: var(--primary-dark-600);
 
 		--sidebar-background: var(--primary-light-900);
 		--sidebar-border: var(--primary-light-850);

content/_index.de.md

@@ -1,8 +1,8 @@
 ---
 title: "Hola 🖖"
 ---
-Ich erstelle gerne Grafiken und Websites.
+Ich erstelle Websites und Grafiken
 
-Außerdem betreibe und pflege ich Dienste auf [Cozy Town](https://cozy.town).
+Zudem betreibe und betreue ich [Cozy Town](https://cozy.town)
 
 {{< verticalposts header="latest-posts-heading" >}}

content/_index.en.md

@@ -1,8 +1,8 @@
 ---
 title: "Hola 🖖"
 ---
-I like to create Graphics and Websites.
+I create Websites and Graphics
 
-Additinaly I host and maintain services at [Cozy Town](https://cozy.town).
+Additinaly I host and maintain [Cozy Town](https://cozy.town)
 
 {{< verticalposts header="latest-posts-heading" >}}