diff --git a/client/index.html b/client/index.html
index a38a0f8..a07a8a5 100644
--- a/client/index.html
+++ b/client/index.html
@@ -2,9 +2,9 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/png" href="/logo.png" />
+    <link rel="icon" type="image/svg" href="/logo.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>ToneGuessr</title>
+    <title>Liedkampf</title>
   </head>
   <body>
     <div id="root"></div>
diff --git a/client/public/background.svg b/client/public/background.svg
index 5ba753b..ecae860 100644
--- a/client/public/background.svg
+++ b/client/public/background.svg
@@ -1,4 +1,9 @@
 <svg width="100" height="100" viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
-    <path d="M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z"
-          fill="#ffffff" fill-opacity="0.05" fill-rule="evenodd"/>
-</svg>
\ No newline at end of file
+    <g fill="#ffffff" fill-opacity="0.05">
+        <polygon points="25,40 35,30 45,40 35,50"/>
+        <polygon points="60,20 75,10 80,25"/>
+        <rect x="10" y="70" width="30" height="4" rx="2" transform="rotate(-10 25 72)"/>
+        <rect x="50" y="60" width="35" height="4" rx="2" transform="rotate(30 67 62)"/>
+        <rect x="70" y="75" width="12" height="12" transform="rotate(45 76 81)"/>
+    </g>
+</svg>
diff --git a/client/public/logo.png b/client/public/logo.png
deleted file mode 100644
index 07e67a5..0000000
Binary files a/client/public/logo.png and /dev/null differ
diff --git a/client/public/logo.svg b/client/public/logo.svg
new file mode 100644
index 0000000..ce928be
--- /dev/null
+++ b/client/public/logo.svg
@@ -0,0 +1,24 @@
+<svg width="150" height="200" viewBox="0 0 150 200" xmlns="http://www.w3.org/2000/svg">
+    <defs>
+        <linearGradient id="noteGradient" x1="0" y1="0" x2="1" y2="1">
+            <stop offset="0%" stop-color="#ff007f"/>
+            <stop offset="100%" stop-color="#7f00ff"/>
+        </linearGradient>
+        <radialGradient id="glow" cx="50%" cy="50%" r="50%">
+            <stop offset="0%" stop-color="#ffffff" stop-opacity="0.5"/>
+            <stop offset="100%" stop-color="#000000" stop-opacity="0"/>
+        </radialGradient>
+    </defs>
+
+    <!-- Note Stem -->
+    <path d="M110 20C110 12 104 6 96 6C88 6 82 12 82 20V106C76 102 66 100 56 104C40 110 32 126 38 142C44 158 60 168 76 162C90 157 96 144 94 130V62L110 58V20Z" fill="url(#noteGradient)" stroke="#000" stroke-width="3" />
+
+    <!-- Outer Glow Circle -->
+    <circle cx="66" cy="134" r="32" fill="url(#noteGradient)" stroke="black" stroke-width="5" />
+
+    <!-- Aggressive Tail -->
+    <path d="M110 58L132 50L132 26C132 16 122 8 112 8L110 20" fill="#7f00ff" stroke="#000" stroke-width="2"/>
+
+    <!-- Shine Highlight -->
+    <ellipse cx="92" cy="30" rx="8" ry="14" fill="white" opacity="0.2"/>
+</svg>
diff --git a/client/src/common/styles/main.sass b/client/src/common/styles/main.sass
index 6f153cc..7041d64 100644
--- a/client/src/common/styles/main.sass
+++ b/client/src/common/styles/main.sass
@@ -13,7 +13,7 @@ body
   width: 100vw
   background-size: 300% 300%
   animation: shifting-background 30s ease infinite
-  background: linear-gradient(45deg, #4d3ae7 0%, #b84bc3 50%, #ff6a88 100%) fixed
+  background: linear-gradient(45deg, #AE00FF 0%, #FF007F 100%) fixed
   user-select: none
   overflow: hidden
   position: relative
