style(website): slight adjustments to sizes

Author: eliandoran

apps/website/src/routes/+page.svelte

@@ -14,7 +14,7 @@
         <div class="flex flex-col md:flex-row items-center md:justify-between gap-12">
 
             <!-- Left: Text Content -->
-            <div class="md:w-1/2">
+            <div class="md:w-1/3">
                 <h2 class="text-4xl font-bold mb-4 text-gray-900">Organize Your Thoughts.<br/> Build Your Knowledge.</h2>
                 <p class="text-lg mb-6 text-gray-700">
                     Trilium Notes helps you build and organize complex personal knowledge bases effortlessly.  
@@ -29,7 +29,7 @@
             </div>
 
             <!-- Right: Screenshot -->
-            <div class="md:w-1/2">
+            <div class="md:w-2/3">
                 <img src="screenshots/desktop-win.png" alt="Screenshot of the app on desktop Windows" class="w-full rounded-xl shadow-lg">
             </div>
         </div>

apps/website/src/routes/header.svelte

@@ -3,10 +3,10 @@
 
 </script>
 <header class="header bg-white sticky top-0 z-50 shadow">
-    <div class="container mx-auto flex items-center py-5">
+    <div class="container mx-auto flex items-center py-4">
         <a href="/" class="flex items-center gap-x-2 w-100">
-            <img src="icon-color.svg" alt="Trilium Notes Logo" class="w-10 h-10">
-            <span class="text-xl">Trilium Notes</span>
+            <img src="icon-color.svg" alt="Trilium Notes Logo" class="w-12 h-12">
+            <span class="text-2xl">Trilium Notes</span>
         </a>
 
         <div class="group w-full">