Improve styles

thetarnav · Mar 9, 2024 · cc83ea1 · cc83ea1
1 parent d46b900
commit cc83ea1
Showing 1 changed file with 30 additions and 0 deletions.
diff --git 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;