Fix alignment, restore sticky menu, and fix 3D logo effect

styles.css

@@ -87,6 +87,7 @@ body {
     .page-layout {
         flex-direction: row;
         justify-content: center;
+        align-items: flex-start;
     }
 }
 
@@ -120,8 +121,6 @@ body {
 .hero {
     text-align: center;
     position: relative;
-    overflow: hidden;
-    padding-top: 2rem;
     padding-bottom: 4rem;
 }
 
@@ -296,13 +295,10 @@ p {
     height: fit-content;
     width: 100%;
     z-index: 100;
-    padding: 2rem;
     border-radius: 24px;
     display: flex;
     flex-direction: column;
     gap: 2rem;
-    position: relative;
-    overflow: hidden;
 }
 
 .sidebar::before {
@@ -311,6 +307,8 @@ p {
     top: 0; left: 0; right: 0; height: 3px;
     background: linear-gradient(90deg, transparent, var(--accent-green), var(--accent-blue), transparent);
     z-index: 1;
+    border-top-left-radius: 24px;
+    border-top-right-radius: 24px;
 }
 
 @media(min-width: 900px) {