diff --git a/src/app.css b/src/app.css
index 25a7a38..bf7b0d5 100644
--- a/src/app.css
+++ b/src/app.css
@@ -75,4 +75,7 @@
   body {
     @apply bg-background text-foreground;
   }
-}
\ No newline at end of file
+}
+html {
+  scroll-behavior: smooth;
+}
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index dca3aaf..010f0f9 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -21,7 +21,33 @@
 <slot />
 
 <style>
-	.active-link {
-		@apply text-emerald-300;
+	:global(a) {
+		font-weight: 500;
+		color: theme('colors.eucalyptus.400');
+		text-decoration: inherit;
+		font-family: serif;
+
+		&::after {
+			content: "";
+			display: block;
+			width: 100%;
+			position: relative;
+			height: 2px;
+			bottom: 0;
+			left: 0;
+			background-color: theme('colors.java.500');
+			transform: scaleX(0);
+			transition: transform 0.3s ease;
+		}
+
+		&:hover,
+		&:focus {
+			&::after {
+				content: "";
+				position: relative;
+				transform: scaleX(1);
+			}
+			color: theme('colors.java.500');
+		}
 	}
 </style>
diff --git a/tailwind.config.ts b/tailwind.config.ts
index c4bf235..54aa82d 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -47,7 +47,29 @@ const config: Config = {
 				card: {
 					DEFAULT: "hsl(var(--card) / <alpha-value>)",
 					foreground: "hsl(var(--card-foreground) / <alpha-value>)"
-				}
+				},
+				eucalyptus: {
+					100: '#E6F3EF',
+					200: '#C0E1D7',
+					300: '#9ACFBF',
+					400: '#4EAB90',
+					500: '#028760',
+					600: '#027A56',
+					700: '#01513A',
+					800: '#013D2B',
+					900: '#01291D',
+				},
+				java: {
+					100: '#EDF9F8',
+					200: '#D2EFED',
+					300: '#B6E5E2',
+					400: '#80D2CD',
+					500: '#49BEB7',
+					600: '#42ABA5',
+					700: '#2C726E',
+					800: '#215652',
+					900: '#163937',
+				},
 			},
 			borderRadius: {
 				lg: "var(--radius)",
@@ -55,7 +77,13 @@ const config: Config = {
 				sm: "calc(var(--radius) - 4px)"
 			},
 			fontFamily: {
-				sans: [...fontFamily.sans]
+				//sans: [...fontFamily.sans],
+				sans: '"Source Han Sans SC", "Source Han Sans CN","Noto Sans CJK SC", "Noto Sans", -apple-system, "Helvetica Neue", Helvetica, "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB",  "Microsoft YaHei", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, "WenQuanYi Zen Hei Sharp", sans-serif',
+				//For varible font usage sometimes
+				// 'serif': '"Source Han Serif CN Variable", "Source Han Serif SC", "Source Han Serif CN","Noto Serif CJK SC", "Songti SC",  STSong, "AR PL New Sung", "AR PL SungtiL GB", NSimSun, SimSun, "TW\-Sung", "WenQuanYi Bitmap Song", "AR PL UMing CN", "AR PL UMing HK", "AR PL UMing TW", "AR PL UMing TW MBE", PMingLiU, MingLiU, serif',
+				serif: '"Source Han Serif SC", "Source Han Serif CN","Noto Serif CJK SC", "Songti SC",  STSong, "AR PL New Sung", "AR PL SungtiL GB", NSimSun, SimSun, "TW\-Sung", "WenQuanYi Bitmap Song", "AR PL UMing CN", "AR PL UMing HK", "AR PL UMing TW", "AR PL UMing TW MBE", PMingLiU, MingLiU, serif',
+				cursive: 'FancyTitleFont,"Source Han Serif SC", "Source Han Serif CN",  "Noto Serif CJK SC", "Songti SC", STSong, "AR PL New Sung", "AR PL SungtiL GB", NSimSun, SimSun, "TW\-Sung", "WenQuanYi Bitmap Song", "AR PL UMing CN", "AR PL UMing HK", "AR PL UMing TW", "AR PL UMing TW MBE", PMingLiU, MingLiU, serif',
+				mono: "'Fira Code','Cascadia Code',Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New','Sarasa Mono SC','Noto Sans CJK SC','monospace', monospace"
 			}
 		}
 	},