Fix: Font and spacing issues

Fixes font and spacing issues in the header logo and hero title. Adjusts spacing between the menu and price ticker.

Author: lovable-dev[bot]

src/components/Header/Logo.tsx

@@ -12,11 +12,11 @@ const Logo = () => {
           alt="AlienFlowSpaceDAO Logo" 
           className="h-9" 
         />
-        <span className="font-bold text-xl font-atomic">
+        <span className="font-atomic text-xl">
           <span className="text-alien-green">Δlieπ</span>
           <span className="text-alien-gold">FlΦw</span>
-          <span className="text-alien-green">$pac€</span>
-          <span className="text-alien-gold">DAO</span>
+          <span className="text-alien-green"> $pac€</span>
+          <span className="text-alien-gold"> DAO</span>
         </span>
       </Link>
 

src/components/Header/index.tsx

@@ -22,7 +22,7 @@ const Header = () => {
   return (
     <header
       className={`fixed top-0 left-0 w-full z-50 transition-all duration-300 ${
-        isScrolled ? "py-3 bg-alien-space-dark shadow-md" : "py-6 bg-alien-space-dark/80 backdrop-blur-lg"
+        isScrolled ? "py-2 bg-alien-space-dark shadow-md" : "py-3 bg-alien-space-dark/80 backdrop-blur-lg"
       }`}
     >
       <div className="container mx-auto px-4 flex justify-between items-center relative">
@@ -49,7 +49,7 @@ const Header = () => {
           <MobileNav isMenuOpen={isMenuOpen} setIsMenuOpen={setIsMenuOpen} />
         )}
       </AnimatePresence>
-      <div className="w-full border-t border-alien-gold/20 border-b border-alien-gold/20">
+      <div className="w-full mt-2 border-t border-alien-gold/20 border-b border-alien-gold/20">
         <PriceTicker />
       </div>
     </header>

src/components/Layout.tsx

@@ -8,8 +8,8 @@ const Layout: React.FC = () => {
   return (
     <div className="flex flex-col min-h-screen bg-alien-space">
       <Header />
-      <main className="flex-1 relative z-10">
-        <div className="container mx-auto px-4 pt-20">
+      <main className="flex-1 relative z-10 pt-16">
+        <div className="container mx-auto px-4">
           <Outlet />
         </div>
         <img 

src/global.css

@@ -9,7 +9,7 @@ html, body {
 }
 
 body {
-  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+  font-family: 'Exo', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
   background-color: #000;
   color: #fff;
 }
@@ -43,7 +43,7 @@ body {
 main {
   flex: 1;
   position: relative;
-  padding-top: 5rem;
+  padding-top: 6rem;
 }
 
 /* Add text glow effect */
@@ -65,12 +65,12 @@ main {
   box-shadow: 0 0 15px rgba(255, 215, 0, 0.2);
 }
 
-/* Aseguramos que las fuentes se apliquen correctamente */
+/* Ensure fonts apply correctly */
 h1, h2, h3, h4, h5, h6, .font-atomic {
   font-family: 'Atomic Age', system-ui, sans-serif !important;
 }
 
-/* Corrección de alineación para secciones */
+/* Alignment correction for sections */
 .section-center {
   display: flex;
   flex-direction: column;