diff --git a/public/index.html b/public/index.html
index 42c12d7..86bc4d2 100644
--- a/public/index.html
+++ b/public/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en" className="dark" className="m-0 p-0">
+<html lang="en" className="dark">
   <head>
     <!-- Meta  -->
     <meta charset="utf-8" />
@@ -57,7 +57,7 @@
     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
     <title>Nicole Martin | Software Developer</title>
   </head>
-  <body className="m-0 p-0" >
+  <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
   </body>
diff --git a/src/Components/Tech.js b/src/Components/Tech.js
index feb6c98..96a02e2 100644
--- a/src/Components/Tech.js
+++ b/src/Components/Tech.js
@@ -4,7 +4,7 @@ const Tech = ({ one, two, three, four, five }) => {
   return (
     <div>
       <ul>
-        <li>{one}</li>
+      <li className="text-blue-500">{one}</li>
         <li>{two}</li>
         <li>{three}</li>
         <li>{four}</li>
diff --git a/src/assets/computer.png b/src/assets/computer.png
index c2d451a..a178fa4 100644
Binary files a/src/assets/computer.png and b/src/assets/computer.png differ
diff --git a/src/assets/computerOld.png b/src/assets/computerOld.png
new file mode 100644
index 0000000..c2d451a
Binary files /dev/null and b/src/assets/computerOld.png differ
diff --git a/src/containers/home.js b/src/containers/home.js
index 5ac2a6f..d0971cd 100644
--- a/src/containers/home.js
+++ b/src/containers/home.js
@@ -32,15 +32,17 @@ const Home = () => {
           <img src={Computer} alt="comp" />
           <h3 className={styles.techNames}>💙 Tech I love 💙</h3>
           <section className={styles.techBox}>
-            <Tech one="HTML5" two="CSS3" three="Javascript" four="React" five="Vue.js" />
+            
+            <Tech one="Languages:" two="HTML5" three="CSS3" four="Javascript" five="Typescript" />
             <Tech
-              one="Next.js"
-              two="Node.js"
-              three="Express.js"
-              four="Material-UI"
-              five="TailwindCSS"
+              one="Frameworks:"
+              two="React/Next.js"
+              three="Vue.js/Nuxt.js"
+              four="TailwindCSS"
+              five="Scss/Sass"
             />
-            <Tech one="Sass" two="Supertest" three="Jest" four="Git/GitHub" five="SQL" />
+            <Tech one="Backend:" two="Contentful" three="Strapi" four="GraphQL" five="SQL" />
+            <Tech one="Other:" two="Supertest" three="Jest" four="APIs" five="Git/GitHub" />
           </section>
 
           {/* <GifList gifs={gifs} loading={loading} /> */}
@@ -54,13 +56,13 @@ const styles = {
   mainSection: 'bg-white dark:bg-gray-600 min-h-screen',
   innerSection: 'bg-white dark:bg-gray-600 grid place-items-center',
   title:
-    'lg:text-9xl md:text-7xl sm:text-5xl text-3xl text-gray-900 dark:text-white font-Pt font-extrabold lg:m-8 md:m-16 sm:mt-16',
+    'lg:text-8xl md:text-6xl sm:text-5xl text-3xl text-gray-900 dark:text-white font-Pt font-extrabold lg:m-6 md:m-16 sm:mt-16',
   subtitle:
     'text-lg font-Poppins italic text-gray-600 dark:text-gray-300 lg:m-2 mt-10 sm:mt-2',
   nicoleColor: 'text-green-400 dark:text-blue-400 text-lg',
   techNames: 'text-lg font-Poppins text-gray-600 dark:text-gray-300 mt-4',
   techBox:
-    'grid grid-flow-row grid-cols-3 grid-rows-1 gap-10  sm:gap-4 border-2 my-2 rounded border-black ring-2 ring-green-400 bg-gradient-to-r from-blue-300 to-green-300 font-Pt dark:font-Pt p-2 text-gray-600 dark:text-gray-600 dark:ring-blue-400',
+    'place-items-center grid lg:grid-cols-2 lg:grid-rows-1 gap-4  sm:grid-cols-2  sm:grid-rows-1 gap-2 md:grid-cols-2  md:grid-rows-2 gap-2  border-2 my-2 rounded border-black ring-2 ring-green-400 bg-gradient-to-r from-blue-300 to-green-300 font-Pt dark:font-Pt p-2 text-gray-600 dark:text-gray-600 dark:ring-blue-400',
 };
 
 export default Home;
