diff --git a/src/routes/+layout.ts b/src/routes/+layout.ts
index d2d06ca..9123121 100644
--- a/src/routes/+layout.ts
+++ b/src/routes/+layout.ts
@@ -1,8 +1,8 @@
 import type { LayoutLoad } from './$types';
-import info, { blog, discord, github } from '$lib';
+import info from '$lib';
 
 export const ssr = true;
-export const csr = false;
+export const csr = true;
 export const load = (async () => {
     return {
         ...info,
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index e1d80f3..d58a045 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,13 +1,18 @@
 <script lang="ts">
     import { page } from "$app/stores";
-    import { daysUntilBirthday, getTimeIn, months, randomStr, timeAgo } from "$lib";
+    import { daysUntilBirthday, getTimeIn, randomStr } from "$lib";
+    import { onMount } from "svelte";
     import type { PageData } from "./$types";
     export let data: PageData;
 
     let days = daysUntilBirthday(data.birthday);
     let time = getTimeIn(data.timezone);
-    let charAmount = 128;
+    let charAmount = 0;
     let webring = $page.url.searchParams.has('webring');
+
+    onMount(() => {
+        charAmount = Math.floor(window.innerWidth / 20);
+    });
 </script>
 
 <div class="fixed top-0 left-0 w-full h-full -bg-gradient-6 opacity-10 from-ctp-sapphire via-transparent to-ctp-green"></div>
diff --git a/tailwind.config.js b/tailwind.config.js
index 6ca84d9..eb29fb0 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -11,8 +11,8 @@ export default {
         '-gradient-6': 'linear-gradient(-6deg, var(--tw-gradient-stops))'
       },
       animation: {
-        'scrolling-text-to-l': 'scroll 10s linear infinite',
-        'scrolling-text-to-r': 'scroll 10s linear infinite reverse',
+        'scrolling-text-to-l': 'scroll 16s linear infinite',
+        'scrolling-text-to-r': 'scroll 16s linear infinite reverse',
       },
       keyframes: {
         scroll: {