diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 82f0c7f..213e322 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,19 +1,18 @@
 import type { Metadata } from 'next'
-import { Inter } from 'next/font/google'
+import { Open_Sans } from 'next/font/google'
 import './globals.css'
 
 import { ThemeProvider } from '@/components/theme-provider'
-import { UserNav } from '@/components/user-nav'
-import { Search } from '@/components/search'
 import { MainNav } from '@/components/main-nav'
 import { BreadCrumb } from '@/components/breadcrumb'
 
 import { Background } from '@/components/background'
-import Link from 'next/link'
 import { Footer } from '@/components/footer'
-import { cn } from '@/lib/utils'
 
-const inter = Inter({ subsets: ['latin'] })
+const openSans = Open_Sans({
+  subsets: ["latin"],
+  display: "swap",
+})
 
 export const metadata: Metadata = {
   title: 'Rudy Orre Portfolio',
@@ -35,7 +34,7 @@ export default function RootLayout({
         <meta property="og:image" content="https://rudyorre.com/images/preview.png" />
         <meta property="og:url" content="https://rudyorre.com" />
       </head>
-      <body className={inter.className}>
+      <body className={openSans.className}>
           <ThemeProvider
             defaultTheme="system"
             enableSystem
diff --git a/src/app/page.tsx b/src/app/page.tsx
index a859af5..3f83f96 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -12,22 +12,18 @@ export default function Home() {
   return (
     <div className="mx-2">
       <Hero />
-      <div className="text-secondary-foreground/50 mt-20">rudyorre/</div>
-      <h1 id="Experience" className="scroll-my-24 text-4xl sm:text-5xl md:text-6xl font-bold tracking-tight text-primary mb-10">Experience</h1>
+      <h1 id="Experience" className="scroll-my-24 text-2xl sm:text-3xl md:text-4xl font-bold tracking-tight text-primary my-10">Experience</h1>
       <Experience />
-      <div className="text-secondary-foreground/50 mt-20">rudyorre/</div>
-      <h1 id="Projects" className="scroll-my-24 text-4xl sm:text-5xl md:text-6xl font-bold tracking-tight text-primary mb-10">Projects</h1>
+      <h1 id="Projects" className="scroll-my-24 text-2xl sm:text-3xl md:text-4xl font-bold tracking-tight text-primary my-10">Projects</h1>
       <Projects onlyFeatured />
       <div className="flex justify-center items-center mt-5">
         <Link href="/projects">
           <Button>See more</Button>
         </Link>
       </div>
-      <div className="text-secondary-foreground/50 mt-20">rudyorre/</div>
-      <h1 id="Hobbies" className="scroll-my-24 text-4xl sm:text-5xl md:text-6xl font-bold tracking-tight text-primary mb-10">Hobbies</h1>
+      <h1 id="Hobbies" className="scroll-my-24 text-2xl sm:text-3xl md:text-4xl font-bold tracking-tight text-primary my-10">Hobbies</h1>
       <Hobbies />
-      <div className="text-secondary-foreground/50 mt-20">rudyorre/</div>
-      <h1 id="Contact" className="scroll-my-24 text-4xl sm:text-5xl md:text-6xl font-bold tracking-tight text-primary mb-10">Contact</h1>
+      <h1 id="Contact" className="scroll-my-24 text-2xl sm:text-3xl md:text-4xl font-bold tracking-tight text-primary my-10">Contact</h1>
       <Contact />
     </div>
   )
diff --git a/src/components/hero.tsx b/src/components/hero.tsx
index d3b2796..4937693 100644
--- a/src/components/hero.tsx
+++ b/src/components/hero.tsx
@@ -16,7 +16,7 @@ const Hero = () => (
         </h1>
         <div className="text-lg">
             I build full-stack applications, automate workflows, and
-            mess around with AI/ML. Also just graduated UCLA.
+            mess around with AI/ML. Also just graduated UCLA. And stuff like that
         </div>
         <div className="flex gap-4 mt-4">
           <Link href={links.linkedin} target="_blank">
