diff --git a/public/server/db.json b/public/server/db.json
deleted file mode 100644
index e3bf1e2..0000000
--- a/public/server/db.json
+++ /dev/null
@@ -1,478 +0,0 @@
-{
-  "lgtm": {
-    "definition": "Looks Good To Me",
-    "alternatives": "Looks Great To Me, Looks Great To Merge"
-  },
-  "lfg": {
-    "definition": "Let's Fucking Go",
-    "alternatives": "Life Feels Good, Looking For Group"
-  },
-  "idk": {
-    "definition": "I Don't Know"
-  },
-  "imo": {
-    "definition": "In My Opinion"
-  },
-  "imho": {
-    "definition": "In My Honest Opinion"
-  },
-  "rtfm": {
-    "definition": "Read The Fucking Manual"
-  },
-  "gtfo": {
-    "definition": "Get The Fuck Out"
-  },
-  "wtf": {
-    "definition": "What The Fuck"
-  },
-  "ig": {
-    "definition": "I Guess",
-    "alternatives": "Instagram"
-  },
-  "fyi": {
-    "definition": "For Your Information"
-  },
-  "iykyk": {
-    "definition": "If You Know You Know"
-  },
-  "ifg": {
-    "definition": "I Feel Good"
-  },
-  "igtg": {
-    "definition": "I've Got To Go"
-  },
-  "icymi": {
-    "definition": "In Case You Missed It"
-  },
-  "ikr": {
-    "definition": "I Know, Right?"
-  },
-  "kiss": {
-    "definition": "Keep It Simple Stupid",
-    "alternatives": "Keep It Super Simple, Keep It Short And Simple"
-  },
-  "hmu": {
-    "definition": "Hit Me Up"
-  },
-  "lol": {
-    "definition": "Laugh Out Loud"
-  },
-  "stfu": {
-    "definition": "Shut The Fuck Up"
-  },
-  "ngl": {
-    "definition": "Not Gonna Lie"
-  },
-  "hru": {
-    "definition": "How Are You"
-  },
-  "srly": {
-    "definition": "Seriously"
-  },
-  "bff": {
-    "definition": "Best Friend Forever"
-  },
-  "bf": {
-    "definition": "Boy Friend",
-    "alternatives": "Breakfast"
-  },
-  "tl": {
-    "definition": "Timeline"
-  },
-  "cl": {
-    "definition": "Contact List"
-  },
-  "nvm": {
-    "definition": "Never Mind"
-  },
-  "wyd": {
-    "definition": "What You Doing"
-  },
-  "lmk": {
-    "definition": "Let Me Know"
-  },
-  "idc": {
-    "definition": "I Don't Care"
-  },
-  "til": {
-    "definition": "Today I Learn",
-    "alternatives": "Today I Learned"
-  },
-  "brb": {
-    "definition": "Be Right Back"
-  },
-  "byob": {
-    "definition": "Bring Your Own Beer",
-    "alternatives": "Be Your Own Boss"
-  },
-  "tldr": {
-    "definition": "Too Long, Didn't Read"
-  },
-  "ttyl": {
-    "definition": "Talk To You Later"
-  },
-  "tc": {
-    "definition": "Take Care"
-  },
-  "rofl": {
-    "definition": "Rolling On The Floor, Laughing"
-  },
-  "ootd": {
-    "definition": "Outfit Of The Day"
-  },
-  "goat": {
-    "definition": "Greatest Of All Time"
-  },
-  "tfw": {
-    "definition": "The Feeling When"
-  },
-  "fomo": {
-    "definition": "Fear Of Missing Out"
-  },
-  "tia": {
-    "definition": "Thanks In Advance"
-  },
-  "smh": {
-    "definition": "Shaking My Head"
-  },
-  "pov": {
-    "definition": "Point Of View"
-  },
-
-  "tbf": {
-    "definition": "To Be Frank",
-    "alternatives": "To Be Fair"
-  },
-  "fgs": {
-    "definition": "For God's sake"
-  },
-  "tbh": {
-    "definition": "To Be Honest"
-  },
-  "ffs": {
-    "definition": "For Fuck Sake"
-  },
-  "ftw": {
-    "definition": "For The Win"
-  },
-  "afaik": {
-    "definition": "As Far As I Know"
-  },
-  "np": {
-    "definition": "No Problem"
-  },
-  "iirc": {
-    "definition": "If I Recall Correctly",
-    "alternatives": "If I Remember Correctly"
-  },
-  "fb": {
-    "definition": "Facebook"
-  },
-  "fwiw": {
-    "definition": "For What It's Worth"
-  },
-  "irl": {
-    "definition": "In Real Life"
-  },
-  "op": {
-    "definition": "Original Poster"
-  },
-  "tysm": {
-    "definition": "Thank You So Much"
-  },
-  "ty": {
-    "definition": "Thank You"
-  },
-  "syl": {
-    "definition": "See You Later"
-  },
-  "hbty": {
-    "definition": "Happy Birthday To You"
-  },
-  "hbu": {
-    "definition": "How About You"
-  },
-  "imy": {
-    "definition": "I Miss You"
-  },
-  "ilu": {
-    "definition": "I Love You",
-    "alternatives": "I Like You"
-  },
-  "sys": {
-    "definition": "See You Soon"
-  },
-  "dygm": {
-    "definition": "Do You Get Me"
-  },
-  "wth": {
-    "definition": "What The Hell"
-  },
-  "nm": {
-    "definition": "Nothing Much",
-    "alternatives": "Never Mind"
-  },
-  "asap": {
-    "definition": "As Soon As Possible"
-  },
-  "uk": {
-    "definition": "You Know"
-  },
-  "ik": {
-    "definition": "I Know"
-  },
-  "hbd": {
-    "definition": "Happy Birthday"
-  },
-  "mgl": {
-    "definition": "More Good Life"
-  },
-  "foss": {
-    "definition": "Free Open-Source Software"
-  },
-  "ss": {
-    "definition": "Screenshot",
-    "alternatives": "Snapshot"
-  },
-  "g2g": {
-    "definition": "Got To Go"
-  },
-  "ynk": {
-    "definition": "You Never Know"
-  },
-  "jk": {
-    "definition": "Just Kidding"
-  },
-  "wbu": {
-    "definition": "What About You"
-  },
-  "wuwh": {
-    "definition": "Wish You Were Here"
-  },
-  "wagmi": {
-    "definition": "We're All Gonna Make It"
-  },
-  "wullnp": {
-    "definition": "Wishing You Long Life And Prosperity"
-  },
-  "dyg": {
-    "definition": "Do You Get?"
-  },
-  "cmiiw": {
-    "definition": "Correct Me If I'm Wrong"
-  },
-  "b2w": {
-    "definition": "Back To Work"
-  },
-  "afk": {
-    "definition": "Away From Keyboard"
-  },
-  "cydm": {
-    "definition": "Check Your Direct Message"
-  },
-  "ofc": {
-    "definition": "Of Course"
-  },
-  "ama": {
-    "definition": "Ask Me Anything"
-  },
-  "awol": {
-    "definition": "Absent Without Official Leave",
-    "alternatives": "Away Without Leave, Absent Without Leave"
-  },
-  "b4n": {
-    "definition": "Bye For Now"
-  },
-  "bak": {
-    "definition": "Back To Keyboard"
-  },
-  "bau": {
-    "definition": "Business As Usual"
-  },
-  "bitmt": {
-    "definition": "But In The Maintime"
-  },
-  "dilligaf": {
-    "definition": "Do I Look Like I Give A Fuck"
-  },
-  "f2p": {
-    "definition": "Free To Play"
-  },
-  "f2f": {
-    "definition": "Face To Face"
-  },
-  "ffa": {
-    "definition": "Free For All"
-  },
-  "gwhtlc": {
-    "definition": "Glad We Had This Little Chat"
-  },
-  "icam": {
-    "definition": "I Couldn't Agree More"
-  },
-  "wdym": {
-    "definition": "What Do You Mean?"
-  },
-  "eta": {
-    "definition": "Estimated Time Of Arrival"
-  },
-  "dm": {
-    "definition": "Direct Message"
-  },
-  "ufo": {
-    "definition": "Unidentified Flying Object"
-  },
-  "cfo": {
-    "definition": "Cheif Financial Officer"
-  },
-  "pip": {
-    "definition": "Picture In Picture",
-    "alternatives": "Pip Installs Python"
-  },
-  "sms": {
-    "definitions": "Short Message Service"
-  },
-  "nsfw": {
-    "definition": "Not Safe For Work"
-  },
-  "bt": {
-    "definition": "Bad Trip"
-  },
-  "ipnts": {
-    "definition": "I Prefer Not To Speak"
-  },
-  "wya": {
-    "definition": "Where You At?"
-  },
-  "fren": {
-    "definition": "Friend"
-  },
-  "jsyk": {
-    "definition": "Just So You Know"
-  },
-  "dkm": {
-    "definition": "Don't Kill Me",
-    "alternatives": "Dekameter"
-  },
-  "pfp": {
-    "definition": "Profile Picture",
-    "alternatives": "Picture For Proof"
-  },
-  "fyp": {
-    "definition": "For You page",
-    "alternatives": "For Your Pleasure"
-  },
-  "oomf": {
-    "definition": "One Of My Followers",
-    "alternatives": "One Of My Friends"
-  },
-  "asf": {
-    "definition": "As Fuck"
-  },
-  "fml": {
-    "definition": "Fuck My Life"
-  },
-  "tmi": {
-    "definition": "Too Much Information"
-  },
-  "s/o": {
-    "definition": "Shout Out",
-    "alternatives": "Significant Other"
-  },
-  "yt": {
-    "definition": "Whitey",
-    "alternatives": "YouTube"
-  },
-  "omg": {
-    "definition": "Oh My God!"
-  },
-  "ong": {
-    "definition": "On God"
-  },
-  "yktv": {
-    "definition": "You Know The Vibe!"
-  },
-  "yolo": {
-    "definition": "You Only Live Once!"
-  },
-  "iktr": {
-    "definition": "I Know That's Right!"
-  },
-  "dw": {
-    "definition": "Don't Worry",
-    "alternatives": "Dear Wife"
-  },
-  "yk": {
-    "definition": "You're Kidding",
-    "alternatives": "You Know"
-  },
-  "istg": {
-    "definition": "I Swear To God"
-  },
-  "wtaf": {
-    "definition": "What The Actual Fuck"
-  },
-  "ldr": {
-    "definition": "Long Distance Relationship",
-    "alternatives": "Light Dependent Resistor"
-  },
-  "loml": {
-    "definition": "Love Of My Life"
-  },
-  "atp": {
-    "definition": "At This Point",
-    "alternatives": "Adenosine Triphosphate"
-  },
-  "tw": {
-    "definition": "Trigger Warning"
-  },
-  "bipoc": {
-    "definition": "Black, Indigeneous and People Of Colour"
-  },
-  "gm": {
-    "definition": "Good Morning",
-    "alternatives": "General Manager"
-  },
-  "sahm": {
-    "definition": "Stay At Home Mom"
-  },
-  "gn": {
-    "definition": "Good Night"
-  },
-  "btw": {
-    "definition": "By The Way"
-  },
-  "yrr": {
-    "definition": "You Are Right"
-  },
-  "ihtg": {
-    "definition": "I Have To Go"
-  },
-  "wru": {
-    "definition": "Who Are You"
-  },
-  "if": {
-    "definition": "I'm Fine"
-  },
-  "it": {
-    "definition": "Information Technology"
-  },
-  "is": {
-    "definition": "Internet Services"
-  },
-  "ip": {
-    "definition": "Internet Protocol"
-  },
-  "cs": {
-    "definition": "Computer Science"
-  },
-  "cse": {
-    "definition": "Computer Science & Engineering"
-  },
-  "isp": {
-    "definition": "Internet Service Provider"
-  },
-  "dns": {
-    "definition": "Domain Name Service"
-  }
-}
diff --git a/public/server/idli.json b/public/server/idli.json
deleted file mode 100644
index 21cbb56..0000000
--- a/public/server/idli.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-  "definition": "I Don't Like It"
-}
diff --git a/public/server/idts.json b/public/server/idts.json
deleted file mode 100644
index ccede1c..0000000
--- a/public/server/idts.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-  "definition": "I Don't Think So"
-}
diff --git a/public/server/ili.json b/public/server/ili.json
deleted file mode 100644
index e0d228d..0000000
--- a/public/server/ili.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-  "definition": "I Like It"
-}
diff --git a/public/server/wdys.json b/public/server/wdys.json
deleted file mode 100644
index 41ed1bc..0000000
--- a/public/server/wdys.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-  "definition": "What Do You Say"
-}
diff --git a/src/components/form.jsx b/src/components/form.jsx
index 303888b..c2be3d6 100644
--- a/src/components/form.jsx
+++ b/src/components/form.jsx
@@ -68,7 +68,7 @@ const Form = () => {
   }, [userInput]);
 
   return (
-    <div className="bg-dark py-5 mb-12 md:mb-0 lg:py-12 px-[14px] dark:bg-ash">
+    <div className="bg-dark py-5 md:mb-0 lg:py-12 px-[14px] dark:bg-ash">
       <section className="block justify-center md:pb-16 md:flex md:flex-col lg:flex lg:flex-row items-center">
         <div className="md:w-full lg:pr-20 lg:w-1/2 flex flex-col">
           <h2 className="lg:text-left text-center text-purple font-bold text-xl md:text-2xl lg:text-3xl  dark:text-deeppurple">
diff --git a/src/components/hero.jsx b/src/components/hero.jsx
index b2eb051..1372015 100644
--- a/src/components/hero.jsx
+++ b/src/components/hero.jsx
@@ -9,18 +9,18 @@ import Form from "./form";
 
 const Hero = () => {
   return (
-    <main className="bg-dark md:px-14 lg:px-40  py-12 px-[24px] dark:bg-ash">
+    <main className="bg-dark md:px-14 dark:bg-ash max-w-screen px-4 py-8 sm:px-6 lg:px-8 rounded lg:bg-snow lg:shadow-md">
       <header className="text-center lg:mt-12">
         <div className="text-4xl md:text-5xl lg:text-7xl mb-5 relative">
-          <h1 className="text-purple font-bold dark:text-deeppurple">
+          <h1 className="text-purple font-extrabold dark:text-deeppurple">
             Writing on the internet
           </h1>
-          <h1 className="text-ash font-bold mt-2 dark:text-dark">
+          <h1 className="text-ash font-extrabold mt-2 dark:text-dark">
             is changing. IYKYK
           </h1>
-          <div className="absolute right-14 bottom-9 xl:visible invisible">
-            <div className="w-24 h-4 bg-deeppurple relative -rotate-6">
-              <div className="absolute top-[3px]">
+          <div className="absolute right-28 bottom-9 xl:visible invisible">
+            <div className="w-24 h-4 bg-purple relative -rotate-6">
+              <div className="absolute top-[4px]">
                 <p className="text-ash text-sm font-semibold dark:text-dark">
                   If You Know,
                 </p>
@@ -28,7 +28,7 @@ const Hero = () => {
             </div>
           </div>
           <div className="absolute right-12 bottom-3 xl:visible invisible">
-            <div className="right-8 w-20 h-4 bg-deeppurple relative -rotate-6">
+            <div className="right-9 w-20 h-4 bg-purple relative -rotate-6">
               <div className="absolute top-[3px]">
                 <p className="text-ash text-sm font-semibold dark:text-dark">
                   You Know.
@@ -39,31 +39,31 @@ const Hero = () => {
         </div>
       </header>
 
-      <div className="flex flex-wrap justify-center animate-breeze">
-        <img src={btw} alt="btw" className="rotate-2 h-[20%] w-[20%]" />
-        <img src={fyi} alt="fyi" className="-rotate-3 h-[20%] w-[20%]" />
-        <img src={idk} alt="idk" className="rotate-3 h-[20%] w-[20%]" />
-        <img src={ig} alt="if" className="rotate-6 h-[20%] w-[20%]" />
-        <img src={lfg} alt="lfg" className="-rotate-6 h-[20%] w-[20%]" />
+      <div className="md:flex flex-wrap justify-center animate-breeze sm:hidden ">
+        <img src={btw} alt="btw" className="rotate-2 h-[15%] w-[15%]" />
+        <img src={fyi} alt="fyi" className="-rotate-3 h-[15%] w-[15%]" />
+        <img src={idk} alt="idk" className="rotate-3 h-[15%] w-[15%]" />
+        <img src={ig} alt="if" className="rotate-6 h-[15%] w-[15%]" />
+        <img src={lfg} alt="lfg" className="-rotate-6 h-[15%] w-[15%]" />
       </div>
 
       <Form />
 
       <section className="block justify-center  items-center md:flex md:flex-col-reverse lg:flex lg:flex-row">
-        <div className="lg:w-1/2 px-10 pt-5 lg:px-0 lg:pr-20 md:text-left lg:text-center text-center">
+        <div className="lg:w-1/2 lg:px-10 pt-5">
           <p className="text-purple font-bold text-2xl lg:text-3xl dark:text-deeppurple">
             <span className="text-ash dark:text-dark">
-              Abbreve (A-bree-vay)
+              Abbreve (A-bree-vay) is
             </span>{" "}
-            is an open source dictionary for{" "}
-            <span className="text-ash dark:text-dark">slang.</span>{" "}
+            an open source dictionary{" "}
+            <span className="text-ash dark:text-dark">for slang.</span>{" "}
           </p>
-          <p className="text-purple font-bold text-2xl lg:text-3xl mt-2 dark:text-deeppurple pb-8">
+          <p className="text-ash font-bold text-2xl lg:text-3xl mt-2 dark:text-dark pb-8">
             Curated by the community, for the community.
           </p>
         </div>
 
-        <div className="border-2 p-4 rounded-lg border-purple lg:rotate-3 hover:lg:rotate-0 hover:lg:ease-in-out hover:lg:duration-300 relative md:mt-0 dark:border-deeppurple">
+        <div className="border-2 p-4 rounded-lg border-purple relative md:mt-0 dark:border-deeppurple">
           <div className="flex gap-2 items-center">
             <img src={nate} alt="" className="h-12 w-12 rounded-full" />
             <div>
@@ -102,7 +102,7 @@ const Hero = () => {
       </section>
 
       <section className=" justify-center lg:gap-10 mt-10 items-center flex flex-col lg:flex-row">
-        <div className="border-2 p-4 rounded-lg border-purple lg:rotate-3 hover:lg:rotate-0 hover:lg:ease-in-out hover:lg:duration-300 relative md:mt-0 dark:border-deeppurple">
+        <div className="border-2 p-4 rounded-lg border-purple  relative md:mt-0 dark:border-deeppurple w-96">
           <div className="flex gap-2 items-center">
             <img src={emy} alt="" className="h-12 w-12 rounded-full" />
             <div>
@@ -143,7 +143,7 @@ const Hero = () => {
           </p>
         </div>
 
-        <div className="lg:w-1/2 lg:text-left text-center mt-2 md:mt-3 lg:mt-0">
+        <div className="lg:w-1/2 lg:text-left mt-2 md:mt-3 lg:mt-0">
           <h2 className="text-purple font-bold text-xl md:text-2xl xmd:text-2xl lg:text-3xl xl:text-3xl dark:text-deeppurple">
             <span className="text-ash dark:text-dark">Googling</span> in between
             conversations <span className="text-ash dark:text-dark">is</span>{" "}
@@ -157,4 +157,3 @@ const Hero = () => {
 };
 
 export default Hero;
-<div className="h-56 w-56 relative border-2 border-purple"></div>;
diff --git a/src/components/navbar.jsx b/src/components/navbar.jsx
index cd26ab5..34b05f0 100644
--- a/src/components/navbar.jsx
+++ b/src/components/navbar.jsx
@@ -10,12 +10,12 @@ const Navbar = () => {
   const icons = [
     {
       icon: "moon",
-      text: "light"
+      text: "light",
     },
     {
       icon: "sunny",
-      text: "dark"
-    }
+      text: "dark",
+    },
   ];
 
   useEffect(() => {
@@ -36,7 +36,7 @@ const Navbar = () => {
   }, [theme]);
 
   return (
-    <nav className="px-8  bg-dark">
+    <nav className="px-4 py-4 sm:px-6 lg:px-8 bg-dark">
       <div className="flex justify-between items-center p-2">
         <div className="logo">
           <img
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index d75f073..80534da 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -32,7 +32,7 @@ module.exports = {
       keyframes: {
         breeze: {
           '0%': { transform: 'translateX(0%)' },
-          '100%': { transform: 'translateX(5%)' },         
+          '100%': { transform: 'translateX(2%)' },         
         },
         spinner: {
           '0%': { transform: 'translate3d(-50%, -50%, 0) rotate(0deg)' },