diff --git a/config-overrides.js b/config-overrides.js
new file mode 100644
index 0000000..4433379
--- /dev/null
+++ b/config-overrides.js
@@ -0,0 +1,12 @@
+module.exports = function override(config, env) {
+    config.module.rules.push({
+      test: /\.mjs$/,
+      enforce: 'pre',
+      use: ['source-map-loader'],
+      resolve: {
+        fullySpecified: false,
+      },
+      exclude: /node_modules\/@react-three\/drei\/node_modules\/@mediapipe\/tasks-vision/,
+    });
+    return config;
+  };
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index d211e07..d3b4856 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -38,7 +38,9 @@
         "web-vitals": "^2.1.4"
       },
       "devDependencies": {
-        "gh-pages": "^6.1.1"
+        "gh-pages": "^6.1.1",
+        "react-app-rewired": "^2.2.1",
+        "source-map-loader": "^5.0.0"
       }
     },
     "node_modules/@aashutoshrathi/word-wrap": {
@@ -16191,6 +16193,32 @@
       "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz",
       "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg=="
     },
+    "node_modules/react-app-rewired": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/react-app-rewired/-/react-app-rewired-2.2.1.tgz",
+      "integrity": "sha512-uFQWTErXeLDrMzOJHKp0h8P1z0LV9HzPGsJ6adOtGlA/B9WfT6Shh4j2tLTTGlXOfiVx6w6iWpp7SOC5pvk+gA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "semver": "^5.6.0"
+      },
+      "bin": {
+        "react-app-rewired": "bin/index.js"
+      },
+      "peerDependencies": {
+        "react-scripts": ">=2.1.3"
+      }
+    },
+    "node_modules/react-app-rewired/node_modules/semver": {
+      "version": "5.7.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
+      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver"
+      }
+    },
     "node_modules/react-composer": {
       "version": "5.0.3",
       "resolved": "https://registry.npmjs.org/react-composer/-/react-composer-5.0.3.tgz",
@@ -16490,6 +16518,27 @@
         }
       }
     },
+    "node_modules/react-scripts/node_modules/source-map-loader": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/source-map-loader/-/source-map-loader-3.0.2.tgz",
+      "integrity": "sha512-BokxPoLjyl3iOrgkWaakaxqnelAJSS+0V+De0kKIq6lyWrXuiPgYTGp6z3iHmqljKAaLXwZa+ctD8GccRJeVvg==",
+      "license": "MIT",
+      "dependencies": {
+        "abab": "^2.0.5",
+        "iconv-lite": "^0.6.3",
+        "source-map-js": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 12.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.0.0"
+      }
+    },
     "node_modules/react-scroll": {
       "version": "1.9.0",
       "resolved": "https://registry.npmjs.org/react-scroll/-/react-scroll-1.9.0.tgz",
@@ -17434,23 +17483,24 @@
       }
     },
     "node_modules/source-map-loader": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/source-map-loader/-/source-map-loader-3.0.2.tgz",
-      "integrity": "sha512-BokxPoLjyl3iOrgkWaakaxqnelAJSS+0V+De0kKIq6lyWrXuiPgYTGp6z3iHmqljKAaLXwZa+ctD8GccRJeVvg==",
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/source-map-loader/-/source-map-loader-5.0.0.tgz",
+      "integrity": "sha512-k2Dur7CbSLcAH73sBcIkV5xjPV4SzqO1NJ7+XaQl8if3VODDUj3FNchNGpqgJSKbvUfJuhVdv8K2Eu8/TNl2eA==",
+      "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "abab": "^2.0.5",
         "iconv-lite": "^0.6.3",
-        "source-map-js": "^1.0.1"
+        "source-map-js": "^1.0.2"
       },
       "engines": {
-        "node": ">= 12.13.0"
+        "node": ">= 18.12.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/webpack"
       },
       "peerDependencies": {
-        "webpack": "^5.0.0"
+        "webpack": "^5.72.1"
       }
     },
     "node_modules/source-map-support": {
diff --git a/package.json b/package.json
index 0d19844..e437573 100644
--- a/package.json
+++ b/package.json
@@ -33,12 +33,12 @@
     "web-vitals": "^2.1.4"
   },
   "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build",
-    "test": "react-scripts test",
+    "start": "react-app-rewired start",
+    "build": "react-app-rewired build",
+    "test": "react-app-rewired test",
     "eject": "react-scripts eject",
     "predeploy": "npm run build",
-    "deploy" : "gh-pages -d build"
+    "deploy": "gh-pages -d build"
   },
   "eslintConfig": {
     "extends": [
@@ -59,6 +59,8 @@
     ]
   },
   "devDependencies": {
-    "gh-pages": "^6.1.1"
+    "gh-pages": "^6.1.1",
+    "react-app-rewired": "^2.2.1",
+    "source-map-loader": "^5.0.0"
   }
 }
diff --git a/src/components/About/AboutStyle.js b/src/components/About/AboutStyle.js
index 75ba950..7e167de 100644
--- a/src/components/About/AboutStyle.js
+++ b/src/components/About/AboutStyle.js
@@ -1,5 +1,4 @@
 import styled from 'styled-components';
-import _default from '../../themes/default';
 
 
 export const SocialMediaIcons = styled.div`
diff --git a/src/components/HeroSection/HeroStyle.js b/src/components/HeroSection/HeroStyle.js
index bcf9e2e..2f67825 100644
--- a/src/components/HeroSection/HeroStyle.js
+++ b/src/components/HeroSection/HeroStyle.js
@@ -1,5 +1,4 @@
 import styled from "styled-components";
-import _default from "../../themes/default";
 
 export const HeroContainer = styled.div`
   background: ${({ theme }) => theme.card_light};
diff --git a/src/components/HeroSection/index.js b/src/components/HeroSection/index.js
index be8c560..f6d1542 100644
--- a/src/components/HeroSection/index.js
+++ b/src/components/HeroSection/index.js
@@ -1,6 +1,5 @@
 import React from 'react'
-import HeroBgAnimation from '../HeroBgAnimation'
-import { HeroContainer, HeroBg, HeroLeftContainer, Img, HeroRightContainer, HeroInnerContainer, TextLoop, Title, Span, SubTitle,SocialMediaIcons,SocialMediaIcon, ResumeButton } from './HeroStyle'
+import { HeroContainer, HeroBg, HeroLeftContainer, Img, HeroRightContainer, HeroInnerContainer, TextLoop, Title, Span, SubTitle, ResumeButton } from './HeroStyle'
 import HeroImg from '../../images/Heroimage.jpeg'
 import Typewriter from 'typewriter-effect';
 import { Bio } from '../../data/constants';
diff --git a/src/components/Navbar/NavbarStyledComponent.js b/src/components/Navbar/NavbarStyledComponent.js
index 05c86a6..f1250fb 100644
--- a/src/components/Navbar/NavbarStyledComponent.js
+++ b/src/components/Navbar/NavbarStyledComponent.js
@@ -1,6 +1,5 @@
 import { Link as LinkR } from 'react-router-dom';
 import styled from 'styled-components';
-import _default from '../../themes/default';
 
 export const Nav = styled.div`
     background-color: ${({theme}) => theme.card_light};
diff --git a/src/components/Navbar/index.js b/src/components/Navbar/index.js
index b64b408..359dadc 100644
--- a/src/components/Navbar/index.js
+++ b/src/components/Navbar/index.js
@@ -12,8 +12,8 @@ const Navbar = () => {
   return (
     <Nav>
       <NavbarContainer>
-        <NavLogo to='/'>
-          <a style={{ display: "flex", alignItems: "center", color: "white", marginBottom: '20;', cursor: 'pointer' }}>
+        <NavLogo>
+          <a href='/' style={{ display: "flex", alignItems: "center", color: "white", textDecoration: "none", marginBottom: '20;', cursor: 'pointer' }}>
             <DiCssdeck size="3rem" /> <Span>Portfolio</Span>
           </a>
         </NavLogo>
diff --git a/src/components/ProjectDetails/index.jsx b/src/components/ProjectDetails/index.jsx
index f8e0893..8aca868 100644
--- a/src/components/ProjectDetails/index.jsx
+++ b/src/components/ProjectDetails/index.jsx
@@ -1,4 +1,4 @@
-import { CloseRounded, GitHub, LinkedIn } from '@mui/icons-material';
+import { CloseRounded} from '@mui/icons-material';
 import { Modal } from '@mui/material';
 import React from 'react'
 import styled from 'styled-components'
@@ -54,16 +54,16 @@ const Date = styled.div`
 
 
 
-const Desc = styled.div`
-    font-size: 16px;
-    font-weight: 400;
-    color: ${({ theme }) => theme.text_primary};
-    margin: 8px 6px;
-    @media only screen and (max-width: 600px) {
-        font-size: 14px;
-        margin: 6px 6px;
-    }
-`;
+// const Desc = styled.div`
+//     font-size: 16px;
+//     font-weight: 400;
+//     color: ${({ theme }) => theme.text_primary};
+//     margin: 8px 6px;
+//     @media only screen and (max-width: 600px) {
+//         font-size: 14px;
+//         margin: 6px 6px;
+//     }
+// `;
 
 const Image = styled.img`
     width: 100%;
@@ -73,16 +73,16 @@ const Image = styled.img`
     box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
 `;
 
-const Label = styled.div`
-    font-size: 20px;
-    font-weight: 600;
-    color: ${({ theme }) => theme.text_primary};
-    margin: 8px 6px;
-    @media only screen and (max-width: 600px) {
-        font-size: 16px;
-        margin: 8px 6px;
-    }
-`;
+// const Label = styled.div`
+//     font-size: 20px;
+//     font-weight: 600;
+//     color: ${({ theme }) => theme.text_primary};
+//     margin: 8px 6px;
+//     @media only screen and (max-width: 600px) {
+//         font-size: 16px;
+//         margin: 8px 6px;
+//     }
+// `;
 
 const Tags = styled.div`
     display: flex;
diff --git a/src/components/Projects/ProjectsStyle.js b/src/components/Projects/ProjectsStyle.js
index 97ec1b4..36f295c 100644
--- a/src/components/Projects/ProjectsStyle.js
+++ b/src/components/Projects/ProjectsStyle.js
@@ -1,5 +1,4 @@
 import styled from 'styled-components';
-import _default from '../../themes/default';
 
 export const Container = styled.div`
     background: linear-gradient(343.07deg, rgba(0, 0, 255, 0.06) 5.71%, rgba(0, 0, 255, 0) 64.83%);
diff --git a/src/data/constants.js b/src/data/constants.js
index 40864a9..c091dd1 100644
--- a/src/data/constants.js
+++ b/src/data/constants.js
@@ -10,6 +10,7 @@ import usfinternational from '../images/usfinterWeb.png';
 
 
 
+
 export const Bio = {
   name: "Benjamin Belloeil",
   roles: [
diff --git a/src/themes/default.js b/src/themes/default.js
index 388697f..cd5770e 100644
--- a/src/themes/default.js
+++ b/src/themes/default.js
@@ -1,4 +1,4 @@
-export default {
+const defaultTheme = {
   // Temp fonts
   fonts: {
     title: "Space Grotesk, sans-serif",
@@ -24,3 +24,5 @@ export default {
     xl: 'screen and (max-width: 1280px)'
   },
 };
+
+export default defaultTheme;
\ No newline at end of file
diff --git a/webpack.config.js b/webpack.config.js
new file mode 100644
index 0000000..3ad82c6
--- /dev/null
+++ b/webpack.config.js
@@ -0,0 +1,15 @@
+module.exports = {
+    module: {
+      rules: [
+        {
+          test: /\.mjs$/,
+          enforce: 'pre',
+          use: ['source-map-loader'],
+          resolve: {
+            fullySpecified: false,
+          },
+          exclude: /node_modules\/@react-three\/drei\/node_modules\/@mediapipe\/tasks-vision/,
+        },
+      ],
+    },
+  };
\ No newline at end of file