improve homepage

assets/scss/fonts/playfair.scss

@@ -0,0 +1,12 @@
+@font-face {
+    font-family: "playfair";
+    src: local("Playfair"), 
+        url("/fonts/playfair/PlayfairDisplay-Regular.woff2") format(woff2);
+}
+
+@font-face {
+    font-family: "playfair";
+    src: local("Playfair"), 
+        url("/fonts/playfair/PlayfairDisplay-Bold.woff2") format(woff2);
+    font-weight: bold;
+}

assets/scss/home.scss

@@ -2,6 +2,9 @@
 @import "variables";
 @import "main";
 
+// fonts
+@import "fonts/playfair";
+
 // shortcodes
 @import "shortcodes/verticalposts";
 
@@ -13,6 +16,27 @@
 
 #introduction {
     background: var(--vriish-gradient);
+    font-family: "playfair";
+    font-size: 2rem;
+    height: 100vh;
+    h1 {
+        letter-spacing: 0.5rem;
+    }
+    p {
+        letter-spacing: 0.15rem;
+    }
+    &::after {
+        content: "­☟";
+        font-size: 4.8rem;
+        position: absolute;
+        bottom: 2rem;
+        animation: 1s ease-in infinite alternate scrollDown;
+        font-family: serif;
+    }
+    @keyframes scrollDown {
+        from { transform: translateY(0); }
+        to { transform: translateY(1rem); }
+    }
 }
 
 section {

assets/scss/partials/sidebar.scss

@@ -15,10 +15,6 @@
 	position: sticky;
 	top: 0;
 	z-index: 1;
-	@media (min-width: 921px) {
-		bottom: 0;
-		height: 100%;
-	}
 	header {
 		text-align: center;
 		user-select: none;