size tweaks

src/styles/custom.css

@@ -48,27 +48,55 @@
   --sl-hue-blue: 186;
   --sl-hue-orange: 42;
 
+  --sl-nav-height: 4rem;
+
   /* Custom */
   --tauri-transition-speed: 200ms;
 }
 
-.sidebar li a {
+.header {
+  height: 80px;
+  padding: 0px 1rem;
+}
+
+.sidebar-pane,
+.main-frame,
+header,
+.right-sidebar {
+  padding-top: 80px;
+}
+
+.right-sidebar {
+  margin-top: 2rem;
+}
+
+.sidebar li a,
+.sidebar .summary,
+.starlight__on-this-page li {
   transition: 0.07s ease;
   border-radius: 0px;
   margin: 0px;
   padding: 0.5rem;
 }
 
-.sidebar li a[aria-current="page"]:hover {
+.sidebar li a[aria-current="page"]:hover,
+.sidebar .summary:hover,
+.starlight__on-this-page li:hover {
   padding-left: .7rem;
   background-color: #fff;
 }
 
-.sidebar li a[aria-current="page"] {
-  animation: fade 0.6s;
+.sidebar li a[aria-current="page"],
+.starlight__on-this-page li {
+  animation: menu 0.6s;
 }
 
-.sidebar li a:hover {
+.main-pane {
+  animation: fade 0.8s;
+}
+
+.sidebar li a:hover,
+.sidebar .summary:hover {
   padding-left: .7rem;
   background-color: #ffffff13;
 }
@@ -164,7 +192,27 @@ textarea:focus {
   outline: none
 }
 
+.logo,
+.main::after {
+  content: " test";
+  display: block;
+  width: 300px;
+  height: 300px;
+  background-image: url('data:image/svg+xml;utf8,<svg width="200" height="224" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M139.3 81.7a21.1 21.1 0 1 1-42.3 0 21.1 21.1 0 0 1 42.3 0ZM103 142.3a21.1 21.1 0 1 1-42.2 0 21.1 21.1 0 0 1 42.2 0Zm-102.5 0c0-39 27.5-71.5 64.1-79.4a58 58 0 0 0-3 25 58 58 0 1 0 67.4 88.3 95.5 95.5 0 0 0 30.2-8.6A81.4 81.4 0 0 1 .5 142.3Zm199-60.6c0 39-27.5 71.5-64.1 79.4a58 58 0 0 0 3-25A58 58 0 1 0 71 47.7a95.5 95.5 0 0 0-30.2 8.6 81.4 81.4 0 0 1 158.7 25.3Z" stroke="#fff"/></svg>');
+}
+
 @keyframes fade {
+  0% {
+    transform: translateY(0.6rem);
+    opacity: 0;
+  }
+
+  100% {
+    opacity: 1;
+  }
+}
+
+@keyframes menu {
   0% {
     opacity: 0;
     transform: translateX(.7rem);