After running prettier

.prettierrc

@@ -1,7 +1,7 @@
 {
-    "endOfLine": "lf",
-    "printWidth": 80,
-    "tabWidth": 2,
-    "trailingComma": "es5",
-    "singleQuote": true
-}
+  "endOfLine": "lf",
+  "printWidth": 80,
+  "tabWidth": 2,
+  "trailingComma": "es5",
+  "singleQuote": true
+}

app/projects/1/page.tsx

@@ -3,9 +3,9 @@ import Image from 'next/image';
 
 export default function ExpensyPage() {
   return (
-    <div className='flex flex-col'>
+    <div className="flex flex-col">
       <Navbar />
-      <div className='px-[34px] mt-[100px] max-w-[980px] w-full mx-auto lg:px-0 lg:mt-40'>
+      <div className="px-[34px] mt-[100px] max-w-[980px] w-full mx-auto lg:px-0 lg:mt-40">
         <h2 className="text-2xl font-semibold mb-10">Expensy</h2>
         <p className="mb-5">
           Full stack NextJS 13 application to keep track of your income and

app/projects/2/page.tsx

@@ -3,14 +3,15 @@ import Image from 'next/image';
 
 export default function BooksPage() {
   return (
-    <div className='flex flex-col'>
+    <div className="flex flex-col">
       <Navbar />
-      <div className='px-[34px] mt-[100px] max-w-[980px] w-full mx-auto lg:px-0 lg:mt-40'>
+      <div className="px-[34px] mt-[100px] max-w-[980px] w-full mx-auto lg:px-0 lg:mt-40">
         <h2 className="text-2xl font-semibold mb-10">Books & More</h2>
         <p className="mb-10">
-          NextJS project that lets you keep track of the books in your collection.
-          Uses the Google Books API to bring in book information when you add a
-          book. Clerk for authentication, Vercel for hosting. Check out the{' '}
+          NextJS project that lets you keep track of the books in your
+          collection. Uses the Google Books API to bring in book information
+          when you add a book. Clerk for authentication, Vercel for hosting.
+          Check out the{' '}
           <a
             href="https://futureinblockchain.com"
             className="text-blue-600 hover:font-medium"

app/projects/3/page.tsx

@@ -3,13 +3,13 @@ import Image from 'next/image';
 
 export default function PortfolioPage() {
   return (
-    <div className='flex flex-col'>
+    <div className="flex flex-col">
       <Navbar />
-      <div className='px-[34px] mt-[100px] max-w-[980px] w-full mx-auto lg:px-0 lg:mt-40'>
+      <div className="px-[34px] mt-[100px] max-w-[980px] w-full mx-auto lg:px-0 lg:mt-40">
         <h2 className="text-2xl font-semibold mb-10">Portfolio</h2>
         <p className="mb-5">
-          NextJS project highlighting a little bit more information about myself.
-          Uses the new Next 13 app directory. Check out the{' '}
+          NextJS project highlighting a little bit more information about
+          myself. Uses the new Next 13 app directory. Check out the{' '}
           <a
             href="https://www.urbanobaz.com/"
             className="text-blue-600 hover:font-medium"

postcss.config.js

@@ -3,4 +3,4 @@ module.exports = {
     tailwindcss: {},
     autoprefixer: {},
   },
-}
+};

styles/Main.module.css

@@ -177,7 +177,6 @@
   transition: 0.3s;
 }
 
-
 .card,
 .picture-image {
   box-shadow: none;

tailwind.config.js

@@ -15,4 +15,4 @@ module.exports = {
     },
   },
   plugins: [],
-}
+};