From cc83ea16cbe695e9dec40d588b085ba89ecc6287 Mon Sep 17 00:00:00 2001
From: Damian Tarnawski <gthetarnav@gmail.com>
Date: Sat, 9 Mar 2024 15:14:07 +0100
Subject: [PATCH] Improve styles

---
 index.css | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)

diff --git a/index.css b/index.css
index 55c83d6..610dc94 100644
--- a/index.css
+++ b/index.css
@@ -29,12 +29,42 @@ body {
     background-color: var(--gray-1);
     color: var(--gray-3);
     margin: 2rem;
+	padding-bottom: 24rem;
+	overflow-y: scroll;
+}
+
+::-webkit-scrollbar {
+	width: 0.6rem;
+}
+::-webkit-scrollbar-thumb {
+	background-color: var(--gray-2);
+	border: solid 2px var(--gray-1);
+	border-radius: 4px;
+}
+::-webkit-scrollbar-track {
+	background-color: var(--gray-1);
+}
+::-webkit-scrollbar-thumb:hover {
+	background-color: var(--gray-3);
 }
 
 .prose {
     max-width: 80ch;
     margin: 0 auto;
 }
+.prose * {
+	animation: fade-in 0.4s ease-in-out;
+}
+@keyframes fade-in {
+	from {
+		transform: translateY(0.5rem);
+		opacity: 0;
+	}
+	to {
+		transform: translateY(0);
+		opacity: 1;
+	}
+}
 .prose *::before, .prose *::after {
 	color: var(--gray-2);
 	font-size: 18px;