fix: home page path + final mobile nav touches

docusaurus/docusaurus.config.js

@@ -67,7 +67,7 @@ const config = {
         },
         items: [
           {
-            to: `${siteUrl}/download`,
+            to: siteUrl,
             label: 'Home',
             target: '_self'
           },

docusaurus/src/css/custom.css

@@ -41,14 +41,22 @@
   --ifm-navbar-sidebar-width: 20rem;
 }
 
+/* toc page cards */
 .card {
   border-radius: 1.5rem;
 }
+
 .card:hover {
   border-color: hsl(221, 17%, 26%) !important;
   background-color: hsl(230, 9%, 13%);
 }
 
+@media screen and (max-width: 996px) {
+  .margin-bottom--lg {
+    margin-bottom: 0.5rem !important;
+  }
+}
+
 .dropdown__menu {
   padding: 0.5rem 0 !important;
   box-shadow: var(--drop-shadow-one);
@@ -172,7 +180,7 @@
     border-radius: 0 24px 24px 0;
   }
 
-  .menu__list-item:not(:first) {
+  .menu__list-item {
     margin-top: 0.5rem !important;
   }
 
@@ -223,7 +231,7 @@
   }
 
   .navbar-sidebar--show .navbar-sidebar {
-    transition: 0.4s transform var(--bezier-one) !important;
+    transition: 0.5s transform cubic-bezier(0.19, 1, 0.22, 1) !important;
   }
 
   .navbar-sidebar__close {

src/layout/Navbar/NavHost.svelte

@@ -228,13 +228,13 @@
 		justify-content: space-between;
 	}
 
-	@media (min-width: 768px) {
+	@media (min-width: 996px) {
 		.nav-wrapper {
 			align-items: center;
 		}
 	}
 
-	@media (max-width: 767px) {
+	@media (max-width: 996px) {
 		.nav-wrapper {
 			flex-direction: column;
 			gap: 0.5rem;
@@ -271,7 +271,7 @@
 		}
 	}
 
-	@media screen and (min-width: 768px) {
+	@media screen and (min-width: 997px) {
 		.mobile-only {
 			display: none !important;
 		}