diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 327e540..755a191 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -10,6 +10,7 @@
 	<link rel="stylesheet" href="/style/fonts.css" />
 	<link rel="stylesheet" href="/style/dark.css" />
 	<link rel="stylesheet" href="/style/light.css" />
+	<link rel="stylesheet" href="/style/toc.css" />
 </svelte:head>
 
 {@render children()}
diff --git a/static/style/light.css b/static/style/light.css
index a655d28..1f028ce 100644
--- a/static/style/light.css
+++ b/static/style/light.css
@@ -8,5 +8,5 @@
     --text-2: #b3b3b3;
 
     --primary-color: #ef5350;
-    --hover-color: white;
+    --hover-color: black;
 }
\ No newline at end of file
diff --git a/static/style/toc.css b/static/style/toc.css
new file mode 100644
index 0000000..2487f3b
--- /dev/null
+++ b/static/style/toc.css
@@ -0,0 +1,17 @@
+.toc {
+    @media only screen and (max-width: 1365px) {
+        display: none;
+    }
+
+    li, a {
+        font-family: sans-serif;
+        color: var(--text-2);
+        transition: none;
+        border-bottom: none;
+    }
+
+    a:hover {
+        color: var(--hover-color) !important;
+        transition: none;
+    }
+}
\ No newline at end of file