diff --git a/package-lock.json b/package-lock.json
index 6c8a315..9563d86 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11,7 +11,8 @@
         "normalize.css": "^8.0.1",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
-        "react-icons": "^4.10.1"
+        "react-icons": "^4.10.1",
+        "react-starfield-animation": "^1.0.1"
       },
       "devDependencies": {
         "@types/react": "^18.2.15",
@@ -754,6 +755,11 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/batch-processor": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/batch-processor/-/batch-processor-1.0.0.tgz",
+      "integrity": "sha512-xoLQD8gmmR32MeuBHgH0Tzd5PuSZx71ZsbhVxOCRbgktZEPe4SQy7s9Z50uPp0F/f7iw2XmkHN2xkgbMfckMDA=="
+    },
     "node_modules/brace-expansion": {
       "version": "1.1.11",
       "dev": true,
@@ -939,6 +945,14 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/element-resize-detector": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/element-resize-detector/-/element-resize-detector-1.2.4.tgz",
+      "integrity": "sha512-Fl5Ftk6WwXE0wqCgNoseKWndjzZlDCwuPTcoVZfCP9R3EHQF8qUtr3YUPNETegRBOKqQKPW3n4kiIWngGi8tKg==",
+      "dependencies": {
+        "batch-processor": "1.0.0"
+      }
+    },
     "node_modules/es-abstract": {
       "version": "1.22.1",
       "dev": true,
@@ -1718,6 +1732,14 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/invariant": {
+      "version": "2.2.4",
+      "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
+      "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==",
+      "dependencies": {
+        "loose-envify": "^1.0.0"
+      }
+    },
     "node_modules/is-array-buffer": {
       "version": "3.0.2",
       "dev": true,
@@ -2094,7 +2116,6 @@
     },
     "node_modules/object-assign": {
       "version": "4.1.1",
-      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
@@ -2282,6 +2303,11 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/performance-now": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz",
+      "integrity": "sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow=="
+    },
     "node_modules/picocolors": {
       "version": "1.0.0",
       "dev": true,
@@ -2324,7 +2350,6 @@
     },
     "node_modules/prop-types": {
       "version": "15.8.1",
-      "dev": true,
       "license": "MIT",
       "dependencies": {
         "loose-envify": "^1.4.0",
@@ -2359,6 +2384,14 @@
       ],
       "license": "MIT"
     },
+    "node_modules/raf": {
+      "version": "3.4.1",
+      "resolved": "https://registry.npmjs.org/raf/-/raf-3.4.1.tgz",
+      "integrity": "sha512-Sq4CW4QhwOHE8ucn6J34MqtZCeWFP2aQSmrlroYgqAV1PjStIhJXxYuTgUIfkEk7zTLjmIjLmU5q+fbD1NnOJA==",
+      "dependencies": {
+        "performance-now": "^2.1.0"
+      }
+    },
     "node_modules/react": {
       "version": "18.2.0",
       "license": "MIT",
@@ -2390,7 +2423,6 @@
     },
     "node_modules/react-is": {
       "version": "16.13.1",
-      "dev": true,
       "license": "MIT"
     },
     "node_modules/react-refresh": {
@@ -2401,6 +2433,35 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/react-starfield-animation": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/react-starfield-animation/-/react-starfield-animation-1.0.1.tgz",
+      "integrity": "sha512-fIQ9VxUDQ/xrxrByiie2P9uqiNLXab+ABEFPu/Gw+IQx1vL4EYLqyTvvzScYIwlehXvH16JHXDsiTecglwsSUg==",
+      "dependencies": {
+        "raf": "^3.4.0",
+        "react-sizeme": "^2.4.2"
+      },
+      "peerDependencies": {
+        "prop-types": "^15.5.4",
+        "react": "^15.0.0 || ^16.0.0",
+        "react-dom": "^15.0.0 || ^16.0.0"
+      }
+    },
+    "node_modules/react-starfield-animation/node_modules/react-sizeme": {
+      "version": "2.6.12",
+      "resolved": "https://registry.npmjs.org/react-sizeme/-/react-sizeme-2.6.12.tgz",
+      "integrity": "sha512-tL4sCgfmvapYRZ1FO2VmBmjPVzzqgHA7kI8lSJ6JS6L78jXFNRdOZFpXyK6P1NBZvKPPCZxReNgzZNUajAerZw==",
+      "dependencies": {
+        "element-resize-detector": "^1.2.1",
+        "invariant": "^2.2.4",
+        "shallowequal": "^1.1.0",
+        "throttle-debounce": "^2.1.0"
+      },
+      "peerDependencies": {
+        "react": "^0.14.0 || ^15.0.0-0 || ^16.0.0",
+        "react-dom": "^0.14.0 || ^15.0.0-0 || ^16.0.0"
+      }
+    },
     "node_modules/regexp.prototype.flags": {
       "version": "1.5.0",
       "dev": true,
@@ -2546,6 +2607,11 @@
         "semver": "bin/semver.js"
       }
     },
+    "node_modules/shallowequal": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz",
+      "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ=="
+    },
     "node_modules/shebang-command": {
       "version": "2.0.0",
       "dev": true,
@@ -2695,6 +2761,14 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/throttle-debounce": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/throttle-debounce/-/throttle-debounce-2.3.0.tgz",
+      "integrity": "sha512-H7oLPV0P7+jgvrk+6mwwwBDmxTaxnu9HMXmloNLXwnNO0ZxZ31Orah2n8lU1eMPvsaowP2CX+USCgyovXfdOFQ==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/to-fast-properties": {
       "version": "2.0.0",
       "dev": true,
@@ -3417,6 +3491,11 @@
       "version": "1.0.2",
       "dev": true
     },
+    "batch-processor": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/batch-processor/-/batch-processor-1.0.0.tgz",
+      "integrity": "sha512-xoLQD8gmmR32MeuBHgH0Tzd5PuSZx71ZsbhVxOCRbgktZEPe4SQy7s9Z50uPp0F/f7iw2XmkHN2xkgbMfckMDA=="
+    },
     "brace-expansion": {
       "version": "1.1.11",
       "dev": true,
@@ -3522,6 +3601,14 @@
       "version": "1.4.477",
       "dev": true
     },
+    "element-resize-detector": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/element-resize-detector/-/element-resize-detector-1.2.4.tgz",
+      "integrity": "sha512-Fl5Ftk6WwXE0wqCgNoseKWndjzZlDCwuPTcoVZfCP9R3EHQF8qUtr3YUPNETegRBOKqQKPW3n4kiIWngGi8tKg==",
+      "requires": {
+        "batch-processor": "1.0.0"
+      }
+    },
     "es-abstract": {
       "version": "1.22.1",
       "dev": true,
@@ -4021,6 +4108,14 @@
         "side-channel": "^1.0.4"
       }
     },
+    "invariant": {
+      "version": "2.2.4",
+      "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
+      "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==",
+      "requires": {
+        "loose-envify": "^1.0.0"
+      }
+    },
     "is-array-buffer": {
       "version": "3.0.2",
       "dev": true,
@@ -4237,8 +4332,7 @@
       "integrity": "sha512-qizSNPO93t1YUuUhP22btGOo3chcvDFqFaj2TRybP0DMxkHOCTYwp3n34fel4a31ORXy4m1Xq0Gyqpb5m33qIg=="
     },
     "object-assign": {
-      "version": "4.1.1",
-      "dev": true
+      "version": "4.1.1"
     },
     "object-inspect": {
       "version": "1.12.3",
@@ -4349,6 +4443,11 @@
       "version": "1.0.7",
       "dev": true
     },
+    "performance-now": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz",
+      "integrity": "sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow=="
+    },
     "picocolors": {
       "version": "1.0.0",
       "dev": true
@@ -4368,7 +4467,6 @@
     },
     "prop-types": {
       "version": "15.8.1",
-      "dev": true,
       "requires": {
         "loose-envify": "^1.4.0",
         "object-assign": "^4.1.1",
@@ -4383,6 +4481,14 @@
       "version": "1.2.3",
       "dev": true
     },
+    "raf": {
+      "version": "3.4.1",
+      "resolved": "https://registry.npmjs.org/raf/-/raf-3.4.1.tgz",
+      "integrity": "sha512-Sq4CW4QhwOHE8ucn6J34MqtZCeWFP2aQSmrlroYgqAV1PjStIhJXxYuTgUIfkEk7zTLjmIjLmU5q+fbD1NnOJA==",
+      "requires": {
+        "performance-now": "^2.1.0"
+      }
+    },
     "react": {
       "version": "18.2.0",
       "requires": {
@@ -4403,13 +4509,34 @@
       "requires": {}
     },
     "react-is": {
-      "version": "16.13.1",
-      "dev": true
+      "version": "16.13.1"
     },
     "react-refresh": {
       "version": "0.14.0",
       "dev": true
     },
+    "react-starfield-animation": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/react-starfield-animation/-/react-starfield-animation-1.0.1.tgz",
+      "integrity": "sha512-fIQ9VxUDQ/xrxrByiie2P9uqiNLXab+ABEFPu/Gw+IQx1vL4EYLqyTvvzScYIwlehXvH16JHXDsiTecglwsSUg==",
+      "requires": {
+        "raf": "^3.4.0",
+        "react-sizeme": "^2.4.2"
+      },
+      "dependencies": {
+        "react-sizeme": {
+          "version": "2.6.12",
+          "resolved": "https://registry.npmjs.org/react-sizeme/-/react-sizeme-2.6.12.tgz",
+          "integrity": "sha512-tL4sCgfmvapYRZ1FO2VmBmjPVzzqgHA7kI8lSJ6JS6L78jXFNRdOZFpXyK6P1NBZvKPPCZxReNgzZNUajAerZw==",
+          "requires": {
+            "element-resize-detector": "^1.2.1",
+            "invariant": "^2.2.4",
+            "shallowequal": "^1.1.0",
+            "throttle-debounce": "^2.1.0"
+          }
+        }
+      }
+    },
     "regexp.prototype.flags": {
       "version": "1.5.0",
       "dev": true,
@@ -4486,6 +4613,11 @@
       "version": "6.3.1",
       "dev": true
     },
+    "shallowequal": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/shallowequal/-/shallowequal-1.1.0.tgz",
+      "integrity": "sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ=="
+    },
     "shebang-command": {
       "version": "2.0.0",
       "dev": true,
@@ -4577,6 +4709,11 @@
       "version": "0.2.0",
       "dev": true
     },
+    "throttle-debounce": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/throttle-debounce/-/throttle-debounce-2.3.0.tgz",
+      "integrity": "sha512-H7oLPV0P7+jgvrk+6mwwwBDmxTaxnu9HMXmloNLXwnNO0ZxZ31Orah2n8lU1eMPvsaowP2CX+USCgyovXfdOFQ=="
+    },
     "to-fast-properties": {
       "version": "2.0.0",
       "dev": true
diff --git a/package.json b/package.json
index f556932..a9e79f8 100644
--- a/package.json
+++ b/package.json
@@ -13,7 +13,8 @@
     "normalize.css": "^8.0.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-icons": "^4.10.1"
+    "react-icons": "^4.10.1",
+    "react-starfield-animation": "^1.0.1"
   },
   "devDependencies": {
     "@types/react": "^18.2.15",
diff --git a/src/App.jsx b/src/App.jsx
index e3ef3cf..575cf47 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -4,6 +4,7 @@ import About from './components/About'
 import Experience from './components/Experience'
 import FeaturedProjects from './components/FeaturedProjects'
 import Footer from './components/Footer'
+import StarfieldAnimation from 'react-starfield-animation'
 
 export default function App() {
   const aboutRef = useRef(null)
@@ -11,16 +12,37 @@ export default function App() {
   const projRef = useRef(null)
 
   return (
-    <div className='mainSection'>
-      <div className='mainSection__grid'>
-        <InfoSection aboutRef={aboutRef} expRef={expRef} projRef={projRef} />
-        <div className='displaySection'>
-          <About aRef={aboutRef} />
-          <Experience aRef={expRef} />
-          <FeaturedProjects aRef={projRef} />
-          <Footer />
+    <>
+      <StarfieldAnimation
+        style={{
+          position: 'absolute',
+          width: '100%',
+          height: '100%',
+          'z-index': '-5',
+          'background-color': '#070a13',
+        }}
+        numParticles={400}
+        particleSpeed={0}
+        dx={0.000000001} // x speed of stars in px/frame, default 0.05
+        dy={0.000000001}
+      />
+      <main>
+        <div className='mainSection'>
+          <div className='mainSection__grid'>
+            <InfoSection
+              aboutRef={aboutRef}
+              expRef={expRef}
+              projRef={projRef}
+            />
+            <div className='displaySection'>
+              <About aRef={aboutRef} />
+              <Experience aRef={expRef} />
+              <FeaturedProjects aRef={projRef} />
+              <Footer />
+            </div>
+          </div>
         </div>
-      </div>
-    </div>
+      </main>
+    </>
   )
 }
diff --git a/src/main.css b/src/main.css
index 2bf6980..60af0fb 100644
--- a/src/main.css
+++ b/src/main.css
@@ -25,14 +25,13 @@
     transform: scale(1);
   }
 }
-body {
+main {
   font-family: "Inter", serif;
-  background-color: #070a13;
   color: #D8E2FD;
   padding: 2rem;
 }
 @media only screen and (min-width: 40em) {
-  body {
+  main {
     padding: 4rem;
   }
 }
@@ -246,5 +245,5 @@ body {
   box-shadow: 0 0 5px #2659f2;
 }
 .item__card:hover .item__card__right .item__card__rightJob a {
-  color: #3061f3;
+  color: #75c8ff;
 }/*# sourceMappingURL=main.css.map */
\ No newline at end of file
diff --git a/src/main.css.map b/src/main.css.map
index a06c064..73d8149 100644
--- a/src/main.css.map
+++ b/src/main.css.map
@@ -1 +1 @@
-{"version":3,"sources":["main.scss","main.css"],"names":[],"mappings":"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","file":"main.css"}
\ No newline at end of file
+{"version":3,"sources":["main.scss","main.css"],"names":[],"mappings":"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","file":"main.css"}
\ No newline at end of file
diff --git a/src/main.scss b/src/main.scss
index ff52fb9..ef118f4 100644
--- a/src/main.scss
+++ b/src/main.scss
@@ -43,9 +43,9 @@ $extraLargeScreen: 80em;
   }
 }
 
-body {
+main {
   font-family: 'Inter', serif;
-  background-color: $backgroundColor;
+  // background-color: $backgroundColor;
   color: $textColor;
   padding: 2rem;
   @media only screen and (min-width: $smallScreen) {
@@ -270,7 +270,7 @@ body {
   .item__card__right {
     .item__card__rightJob{
       a {
-        color: $primaryColor;
+        color: #75c8ff;
       }
     }
   }