diff --git a/package-lock.json b/package-lock.json
index a1a5541..d5ed8c1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,7 +12,6 @@
         "@testing-library/jest-dom": "^5.17.0",
         "@testing-library/react": "^13.4.0",
         "@testing-library/user-event": "^13.5.0",
-        "progress": "^2.0.3",
         "react": "^18.3.1",
         "react-dom": "^18.3.1",
         "react-router-dom": "^6.23.1",
@@ -14896,14 +14895,6 @@
       "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
       "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag=="
     },
-    "node_modules/progress": {
-      "version": "2.0.3",
-      "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz",
-      "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==",
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
     "node_modules/promise": {
       "version": "8.3.0",
       "resolved": "https://registry.npmjs.org/promise/-/promise-8.3.0.tgz",
diff --git a/package.json b/package.json
index 830b2bd..5d7a212 100644
--- a/package.json
+++ b/package.json
@@ -8,7 +8,6 @@
     "@testing-library/jest-dom": "^5.17.0",
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
-    "progress": "^2.0.3",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-router-dom": "^6.23.1",
diff --git a/public/index.html b/public/index.html
index e11d02a..aa069f2 100644
--- a/public/index.html
+++ b/public/index.html
@@ -7,13 +7,9 @@
     <meta name="theme-color" content="#000000" />
     <meta
       name="description"
-      content="Logan Cammish's Portfolio"
+      content="Web site created using create-react-app"
     />
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap" rel="stylesheet">
     <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
@@ -28,11 +24,10 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>Logan Cammish</title>
+    <title>React App</title>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
-    <noscript>This is because this website uses ReactJS.</noscript>
     <div id="root"></div>
     <!--
       This HTML file is a template.
diff --git a/public/manifest.json b/public/manifest.json
index ef0e7e1..080d6c7 100644
--- a/public/manifest.json
+++ b/public/manifest.json
@@ -1,6 +1,6 @@
 {
-  "short_name": "Logan Cammish Portfolio",
-  "name": "Logan Cammish's Portfolio Website",
+  "short_name": "React App",
+  "name": "Create React App Sample",
   "icons": [
     {
       "src": "favicon.ico",
diff --git a/src/App.css b/src/App.css
index e69de29..9a9c71e 100644
--- a/src/App.css
+++ b/src/App.css
@@ -0,0 +1,45 @@
+.App {
+  text-align: center;
+  margin: auto;
+  width: 70%;
+  background-color: rgba(241, 238, 238, 0.791);
+  border-color: #282c34;
+  border-width: 2px;
+  border-radius: 10px;
+  padding: 10px;
+}
+
+.App-logo {
+  height: 40vmin;
+  pointer-events: none;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  .App-logo {
+    animation: App-logo-spin infinite 20s linear;
+  }
+}
+
+.App-header {
+  background-color: #282c34;
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  font-size: calc(10px + 2vmin);
+  color: white;
+}
+
+.App-link {
+  color: #61dafb;
+}
+
+@keyframes App-logo-spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
diff --git a/src/index.css b/src/index.css
index 57e8b99..c9c1d67 100644
--- a/src/index.css
+++ b/src/index.css
@@ -3,8 +3,7 @@
 @tailwind utilities;
 
 body {
-  margin-left: 2%;
-  margin-right: 2%;
+  margin: 2%;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
     'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
     sans-serif;
@@ -19,137 +18,91 @@ code {
 
 /* Most PCs */
 @media screen and (min-width: 1030px) {
-  .container {  
-    display: flexbox;
-    position: relative;   
-    flex-wrap: nowrap;
-    flex-direction:row;  
-    box-sizing: border-box;
+  img { 
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+    width: 35%;
+    border-radius: 2%;
+    border-width: 2px;
+    border-color: black;
   }
-  
-  .container img {  
-    width: 20%;
-    margin-top: -3%;
+  h1 { 
+    color:rgb(36, 33, 36);
+    font-family: JetBrains Mono;
+    font-size: 4em;
   }
-  
-  .container h1 {  
-    margin-top: 1%;
-    position: absolute;
-    top: 10%;
-    font-size: 2.5em;
-    width: 250px;
-    text-align: left;
-    word-break: break-word;
+  h2 { 
+    color:rgb(36, 33, 36);
+    font-family: JetBrains Mono;
+    font-size: 3em;
   }
-  
-  .container SocialIcon {
-    bottom: 10%;
-  }
-
-  .container p {
-    position: absolute;
-    top: 60%;
-    width: 250px;
-    text-align: left;
-    word-break: break-word;
-  }  
 }
 
 /* Large tablets */
 @media screen and (min-width: 480px) and (max-width: 1030px) {
-  .container {  
-    display: flexbox;
-    position: relative;   
-    flex-wrap: nowrap;
-    flex-direction:row;  
-    box-sizing: border-box;
+  h1 { 
+    color:rgb(36, 33, 36);
+    font-family: JetBrains Mono;
+    font-size: 2.5em;
   }
-  
-  .container img {  
-    width: 20%;
-    margin-top: -3%;
+  h2 { 
+    color:rgb(36, 33, 36);
+    font-family: JetBrains Mono;
+    font-size: 2em;
   }
-  
-  .container h1 {  
-    margin-top: 1%;
-    position: absolute;
-    top: 10%;
-    font-size: 2.5em;
-    width: 250px;
-    text-align: left;
-    word-break: break-word;
+  img { 
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+    width: 30%;
+    border-radius: 2%;
+    border-width: 2px;
+    border-color: black;
   }
-  
-  .container p {
-    position: absolute;
-    top: 80%;
-    width: 250px;
-    text-align: left;
-    word-break: break-word;
-  }  
 }
   
 /* Most Phones */
 @media screen and (max-width: 480px) {
-  .container {  
-    display: flexbox;
-    position: relative;   
-    flex-wrap: nowrap;
-    flex-direction:row;  
-    box-sizing: border-box;
+  body{ 
+    margin: 1%;
   }
-  
-  .container img {  
-    width: 25%;
-    margin-top: -3%;
+  img { 
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+    width: 50%;
+    border-radius: 1%;
+    border-width: 1px;
+    border-color: black;
   }
-  
-  .container h1 {  
-    margin-top: 1%;
-    position: absolute;
-    top: 10%;
+  h2 { 
+    color:rgb(36, 33, 36);
+    font-family: JetBrains Mono;
     font-size: 2em;
-    width: 250px;
-    text-align: left;
-    word-break: break-word;
   }
-  
-  .container p {
-    position: absolute;
-    top: 50%;
-    width: 250px;
-    text-align: left;
-    word-break: break-word;
-  }  
+  h1 { 
+    color:rgb(36, 33, 36);
+    font-family: JetBrains Mono;
+    font-size: 2.5em;
+  }
 }
 
 
-img { 
-  display: auto;
-  margin-bottom: 1%;
-  margin-left: 70%;
-  width: 50%;
-  border-radius: 2%;
-  border-width: 2px;
-  border-color: black;
-}
-p {
+li { 
   color:rgb(36, 33, 36);
-  font-size: 1.5em;
-}
-h1 { 
-  color:rgb(36, 33, 36);
-  font-size: 3.5em;
-}
-h2 { 
-  color:rgb(36, 33, 36);
-  font-size: 2.5em;
+  font-family: JetBrains Mono;
+  font-size: 1.4em;
 }
+
+
 h3 { 
   color:rgb(36, 33, 36);
+  font-family: JetBrains Mono;
 }
 h4 { 
   color:rgb(36, 33, 36);
+  font-family: JetBrains Mono;
 }
 ul { 
   color:rgb(36, 33, 36);
@@ -157,7 +110,7 @@ ul {
   font-size: small;
 }
 body { 
-  background-color: aliceblue; 
+  background-color: rgb(249, 219, 181); 
 }
 hr { 
   border-color: black;
diff --git a/src/pages/index.js b/src/pages/index.js
index a4ed841..83a72a2 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -59,4 +59,4 @@ function Home() {
   
 }
 
-export default Home;
+export default Home;
\ No newline at end of file
