diff --git a/assets/favicon.svg b/assets/favicon.svg
new file mode 100644
index 0000000..6b67014
--- /dev/null
+++ b/assets/favicon.svg
@@ -0,0 +1,143 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="32"
+   height="32"
+   viewBox="0 0 8.4666666 8.4666666"
+   version="1.1"
+   id="svg1"
+   sodipodi:docname="favicon.svg"
+   inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#505050"
+     bordercolor="#eeeeee"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="18.1875"
+     inkscape:cx="15.972509"
+     inkscape:cy="16"
+     inkscape:window-width="1447"
+     inkscape:window-height="796"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g19" />
+  <defs
+     id="defs1" />
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <g
+       id="g16"
+       transform="matrix(0.69021243,0,0,0.69021243,1.3114341,1.2754857)">
+      <g
+         id="g19"
+         transform="matrix(1.2443651,0,0,1.2443651,0.44897987,-0.51271793)"
+         style="stroke:#ffffff">
+        <g
+           id="g6"
+           transform="matrix(0.62678289,0,0,0.62678289,0.47517393,-0.43596112)"
+           style="stroke:#ffffff;stroke-width:0.941143;stroke-dasharray:none">
+          <path
+             style="fill:none;stroke:#ffffff;stroke-width:0.941143;stroke-linecap:round;stroke-dasharray:none;stroke-dashoffset:0"
+             d="m 4.2333333,4.2333333 c -1.789561,-0.8015407 -1.6961729,0.7398371 -3.59324167,0"
+             id="path3"
+             sodipodi:nodetypes="cc" />
+          <path
+             style="fill:none;stroke:#ffffff;stroke-width:0.941143;stroke-linecap:round;stroke-dasharray:none;stroke-dashoffset:0"
+             d="m 7.826575,4.2333333 c -1.789561,-0.8015407 -1.6961729,0.7398371 -3.5932417,0"
+             id="path5"
+             sodipodi:nodetypes="cc" />
+          <path
+             style="fill:none;stroke:#ffffff;stroke-width:0.941143;stroke-linecap:round;stroke-dasharray:none;stroke-dashoffset:0"
+             d="m 11.419817,4.2333333 c -1.7895613,-0.8015407 -1.6961732,0.7398371 -3.593242,0"
+             id="path6"
+             sodipodi:nodetypes="cc" />
+        </g>
+        <g
+           id="g9"
+           transform="matrix(0.62678289,0,0,0.62678289,0.47517393,0.83952762)"
+           style="stroke:#ffffff;stroke-width:0.941143;stroke-dasharray:none">
+          <path
+             style="fill:none;stroke:#ffffff;stroke-width:0.941143;stroke-linecap:round;stroke-dasharray:none;stroke-dashoffset:0"
+             d="m 4.2333333,4.2333333 c -1.789561,-0.8015407 -1.6961729,0.7398371 -3.59324167,0"
+             id="path7"
+             sodipodi:nodetypes="cc" />
+          <path
+             style="fill:none;stroke:#ffffff;stroke-width:0.941143;stroke-linecap:round;stroke-dasharray:none;stroke-dashoffset:0"
+             d="m 7.826575,4.2333333 c -1.789561,-0.8015407 -1.6961729,0.7398371 -3.5932417,0"
+             id="path8"
+             sodipodi:nodetypes="cc" />
+        </g>
+        <g
+           id="g12"
+           transform="matrix(0.62678289,0,0,0.62678289,0.47517393,2.1150164)"
+           style="opacity:1;stroke:#808080;stroke-width:0.941143;stroke-dasharray:none;fill:#808080">
+          <path
+             style="fill:#808080;stroke:#808080;stroke-width:0.941143;stroke-linecap:round;stroke-dasharray:none;stroke-dashoffset:0"
+             d="m 4.2333333,4.2333333 c -1.789561,-0.8015407 -1.6961729,0.7398371 -3.59324167,0"
+             id="path10"
+             sodipodi:nodetypes="cc" />
+          <path
+             style="fill:#808080;stroke:#808080;stroke-width:0.941143;stroke-linecap:round;stroke-dasharray:none;stroke-dashoffset:0"
+             d="m 7.826575,4.2333333 c -1.789561,-0.8015407 -1.6961729,0.7398371 -3.5932417,0"
+             id="path11"
+             sodipodi:nodetypes="cc" />
+          <path
+             style="fill:#808080;stroke:#808080;stroke-width:0.941143;stroke-linecap:round;stroke-dasharray:none;stroke-dashoffset:0"
+             d="m 11.419817,4.2333333 c -1.7895613,-0.8015407 -1.6961732,0.7398371 -3.593242,0"
+             id="path12"
+             sodipodi:nodetypes="cc" />
+        </g>
+        <g
+           id="g15"
+           transform="matrix(0.62678289,0,0,0.62678289,0.47517393,3.390505)"
+           style="opacity:1;stroke:#808080;stroke-width:0.941143;stroke-dasharray:none">
+          <path
+             style="fill:none;stroke:#808080;stroke-width:0.941143;stroke-linecap:round;stroke-dasharray:none;stroke-dashoffset:0"
+             d="m 4.2333333,4.2333333 c -1.789561,-0.8015407 -1.6961729,0.7398371 -3.59324167,0"
+             id="path13"
+             sodipodi:nodetypes="cc" />
+          <path
+             style="fill:none;stroke:#808080;stroke-width:0.941143;stroke-linecap:round;stroke-dasharray:none;stroke-dashoffset:0"
+             d="m 7.826575,4.2333333 c -1.789561,-0.8015407 -1.6961729,0.7398371 -3.5932417,0"
+             id="path14"
+             sodipodi:nodetypes="cc" />
+        </g>
+      </g>
+      <g
+         id="g18"
+         transform="matrix(1.2666115,0,0,1.2666115,0.46141286,-2.3971571)"
+         inkscape:label="g18"
+         style="stroke:#ffffff">
+        <path
+           style="fill:none;stroke:#ffffff;stroke-width:0.579531;stroke-linecap:round;stroke-dasharray:none;stroke-dashoffset:0"
+           d="m -0.14204331,2.5899014 v 4.738492"
+           id="path16"
+           sodipodi:nodetypes="cc" />
+        <circle
+           style="fill:none;stroke:#ffffff;stroke-width:0.579531;stroke-linecap:round;stroke-dasharray:none;stroke-dashoffset:0"
+           id="path17"
+           cx="-0.83758092"
+           cy="7.3283935"
+           r="0.69553763" />
+        <path
+           style="fill:none;stroke:#ffffff;stroke-width:0.579531;stroke-linecap:round;stroke-dasharray:none;stroke-dashoffset:0"
+           d="m 0.51205507,2.5279599 -0.65409838,0.00165"
+           id="path18"
+           sodipodi:nodetypes="cc" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/index.html b/index.html
index d3313f8..eb89ff1 100644
--- a/index.html
+++ b/index.html
@@ -3,9 +3,10 @@
     <head>
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <title>Lyrics tool</title>
+        <title>Lyrics Syncer</title>
         <link rel="stylesheet" href="./output.css">
         <link rel="stylesheet" href="./slider.css">
+        <link rel="icon" href="./assets/favicon.svg">
     </head>
     <body class="bg-zinc-900 text-zinc-200 pb-14">
 
diff --git a/output.css b/output.css
index cb06a0b..d80fb37 100644
--- a/output.css
+++ b/output.css
@@ -602,6 +602,10 @@ video {
   bottom: 3.5rem;
 }
 
+.bottom-28 {
+  bottom: 7rem;
+}
+
 .left-0 {
   left: 0px;
 }
@@ -618,22 +622,6 @@ video {
   top: 0px;
 }
 
-.bottom-20 {
-  bottom: 5rem;
-}
-
-.bottom-28 {
-  bottom: 7rem;
-}
-
-.bottom-24 {
-  bottom: 6rem;
-}
-
-.right-8 {
-  right: 2rem;
-}
-
 .z-10 {
   z-index: 10;
 }
@@ -665,10 +653,6 @@ video {
   margin-bottom: 0.5rem;
 }
 
-.ml-auto {
-  margin-left: auto;
-}
-
 .mt-2 {
   margin-top: 0.5rem;
 }
@@ -761,26 +745,18 @@ video {
   gap: 1rem;
 }
 
-.rounded-md {
-  border-radius: 0.375rem;
-}
-
 .rounded-lg {
   border-radius: 0.5rem;
 }
 
-.rounded {
-  border-radius: 0.25rem;
+.rounded-md {
+  border-radius: 0.375rem;
 }
 
 .border-2 {
   border-width: 2px;
 }
 
-.border-4 {
-  border-width: 4px;
-}
-
 .border-orange-400 {
   --tw-border-opacity: 1;
   border-color: rgb(251 146 60 / var(--tw-border-opacity));
@@ -791,9 +767,9 @@ video {
   border-color: rgb(63 63 70 / var(--tw-border-opacity));
 }
 
-.border-red-500 {
-  --tw-border-opacity: 1;
-  border-color: rgb(239 68 68 / var(--tw-border-opacity));
+.bg-black {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
 }
 
 .bg-orange-400 {
@@ -806,11 +782,6 @@ video {
   background-color: rgb(124 45 18 / var(--tw-bg-opacity));
 }
 
-.bg-red-50 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(254 242 242 / var(--tw-bg-opacity));
-}
-
 .bg-zinc-800 {
   --tw-bg-opacity: 1;
   background-color: rgb(39 39 42 / var(--tw-bg-opacity));
@@ -826,46 +797,6 @@ video {
   background-color: rgb(9 9 11 / var(--tw-bg-opacity));
 }
 
-.bg-black {
-  --tw-bg-opacity: 1;
-  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
-}
-
-.bg-zinc-700 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(63 63 70 / var(--tw-bg-opacity));
-}
-
-.bg-red-400 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(248 113 113 / var(--tw-bg-opacity));
-}
-
-.bg-red-800 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(153 27 27 / var(--tw-bg-opacity));
-}
-
-.bg-red-600 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(220 38 38 / var(--tw-bg-opacity));
-}
-
-.bg-red-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(239 68 68 / var(--tw-bg-opacity));
-}
-
-.bg-orange-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(249 115 22 / var(--tw-bg-opacity));
-}
-
-.bg-zinc-400 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(161 161 170 / var(--tw-bg-opacity));
-}
-
 .p-1 {
   padding: 0.25rem;
 }
@@ -898,16 +829,16 @@ video {
   padding-right: 1.25rem;
 }
 
-.py-2 {
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-}
-
 .py-1 {
   padding-top: 0.25rem;
   padding-bottom: 0.25rem;
 }
 
+.py-2 {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+}
+
 .pb-14 {
   padding-bottom: 3.5rem;
 }
@@ -934,6 +865,11 @@ video {
   color: rgb(0 0 0 / var(--tw-text-opacity));
 }
 
+.text-orange-400 {
+  --tw-text-opacity: 1;
+  color: rgb(251 146 60 / var(--tw-text-opacity));
+}
+
 .text-zinc-100 {
   --tw-text-opacity: 1;
   color: rgb(244 244 245 / var(--tw-text-opacity));
@@ -949,20 +885,6 @@ video {
   color: rgb(161 161 170 / var(--tw-text-opacity));
 }
 
-.text-orange-400 {
-  --tw-text-opacity: 1;
-  color: rgb(251 146 60 / var(--tw-text-opacity));
-}
-
-.text-red-500 {
-  --tw-text-opacity: 1;
-  color: rgb(239 68 68 / var(--tw-text-opacity));
-}
-
-.opacity-60 {
-  opacity: 0.6;
-}
-
 .shadow-\[0_0_6px_\#111\] {
   --tw-shadow: 0 0 6px #111;
   --tw-shadow-colored: 0 0 6px var(--tw-shadow-color);
@@ -984,14 +906,6 @@ video {
   transition-duration: 150ms;
 }
 
-.delay-100 {
-  transition-delay: 100ms;
-}
-
-.delay-200 {
-  transition-delay: 200ms;
-}
-
 .delay-150 {
   transition-delay: 150ms;
 }