Improvements again

src/componets/Sidebar.css

@@ -0,0 +1,47 @@
+@import "tailwindcss";
+
+.sidebar {
+  @apply fixed top-0 left-0 w-60 h-screen bg-(--col1) flex flex-col border-e border-(--col2) z-1;
+}
+
+.sidebar-downloads {
+  @apply text-[#bdbdbd] fixed bottom-2 left-2 bg-(--col2) rounded-lg border border-(--col3) px-4 py-3 text-xl cursor-pointer transition-colors duration-[0.25s] opacity-75;
+}
+
+.sidebar-downloads:hover {
+  @apply text-white opacity-100;
+  @apply bg-(--col3) border-(--col4);
+}
+
+.logo {
+  @apply flex items-center pl-2 h-10 w-60 pt-2;
+}
+
+.nav-links {
+  @apply flex flex-col px-4 space-y-1;
+}
+
+.link {
+  @apply text-[#bdbdbd] p-2 rounded-md no-underline cursor-pointer transition-colors duration-[0.25s] border border-transparent;
+}
+
+.link.active {
+  @apply bg-(--col2) border-(--col3);
+}
+
+.link.active,
+.link:hover {
+  @apply text-white;
+}
+
+.link.active:hover {
+  @apply bg-(--col3) border-(--col4);
+}
+
+.sidebar ::-webkit-scrollbar {
+  @apply hidden;
+}
+
+.macos-drag {
+  @apply h-7 fixed top-0 left-0 w-60 -z-10;
+}