diff --git a/styles/democracy.css b/archive/democracy.css
similarity index 100%
rename from styles/democracy.css
rename to archive/democracy.css
diff --git a/pages/democracy.html b/archive/democracy.html
similarity index 92%
rename from pages/democracy.html
rename to archive/democracy.html
index e0a71a5..4d7734e 100644
--- a/pages/democracy.html
+++ b/archive/democracy.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!-- <!DOCTYPE html>
 <html lang="en">
   <head>
     <meta charset="UTF-8">
@@ -12,36 +12,36 @@
     <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
     
     <title>Alexander Dean • Democracy</title>
-  </head>
+  </head> -->
 
   <!-- Google tag (gtag.js) -->
-  <script async src="https://www.googletagmanager.com/gtag/js?id=G-NDP03MMWK8"></script>
+  <!-- <script async src="https://www.googletagmanager.com/gtag/js?id=G-NDP03MMWK8"></script>
   <script>
     window.dataLayer = window.dataLayer || [];
     function gtag(){dataLayer.push(arguments);}
     gtag('js', new Date());
 
     gtag('config', 'G-NDP03MMWK8');
-  </script>
+  </script> -->
   
 
-  <body>
+  <!-- <body>
     <nav class="navigation">
       <div class="menu" id="myMenu">
-        <a class="name" href="../index.html">Alexander <br> Dean</a><br>
+        <a class="name" href="../index.html">Alexander <br> Dean</a><br> -->
 
         <!-- Routes displayed in navigation bar -->
-        <a class="route" href="projects.html">Projects</a><br>
+        <!-- <a class="route" href="projects.html">Projects</a><br>
         <a class="route" href="research.html">Research</a><br>
         <a class="route" href="democracy.html">Democracy</a>
         
         <a href="javascript:void(0);" class="display-bars" onclick="triggerMenu()">
           <i class="fa fa-bars"></i>
         </a>
-      </div>
+      </div> -->
 
       <!-- Social icons displayed only on desktop footer, hidden on mobile -->
-      <footer class="desktop-footer">
+      <!-- <footer class="desktop-footer">
         <a href="https://github.com/alexanderjdean"><i class="social-icon fa-brands fa-github"></i></a>
         <a href="https://www.linkedin.com/in/alexjacobdean"><i class="social-icon fa-brands fa-linkedin"></i></a>
         <a href="https://twitter.com/alexanderjdean"><i class="social-icon fa-brands fa-twitter"></i></a>
@@ -49,9 +49,9 @@
         
         Alexander Dean &copy; <script>document.write(new Date().getFullYear())</script>
       </footer>
-    </nav>
+    </nav> -->
 
-    <main class="content">
+    <!-- <main class="content">
       <div class="description">
         <p>
           In the past, I’ve interned with Ald. Michele Smith’s 43rd Ward Chicago office and was a candidate for 
@@ -94,9 +94,9 @@
           </li>
         </ul>
       </div>
-      
+       -->
       <!-- Social icons displayed only on mobile & tablet footer, hidden on desktop -->
-      <footer class="mobile-footer">
+      <!-- <footer class="mobile-footer">
         <div class="social-icons">
           <a href="https://github.com/alexanderjdean"><i class="social-icon fa-brands fa-github"></i></a>
           <a href="https://www.linkedin.com/in/alexjacobdean"><i class="social-icon fa-brands fa-linkedin"></i></a>
@@ -108,4 +108,4 @@
 
     <script src="../js/triggerMenuBar.js"></script>
   </body>
-</html>
\ No newline at end of file
+</html> -->
\ No newline at end of file
diff --git a/pages/research.html b/archive/research.html
similarity index 85%
rename from pages/research.html
rename to archive/research.html
index b2dc47c..7a3ed09 100644
--- a/pages/research.html
+++ b/archive/research.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!-- <!DOCTYPE html>
 <html lang="en">
   <head>
     <meta charset="UTF-8">
@@ -8,42 +8,42 @@
     
     <link rel="stylesheet" media="screen" href="https://fontlibrary.org//face/d-din" type="text/css"/>
     
-    <link rel="stylesheet" href="../styles/styles.css">
-    <link rel="stylesheet" href="../styles/projects.css">
-    <link rel="stylesheet" href="../styles/research.css">
+    <link rel="stylesheet" href="styles/styles.css">
+    <link rel="stylesheet" href="styles/software.css">
+    <link rel="stylesheet" href="styles/research.css">
     
-    <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
+    <link rel="icon" type="image/x-icon" href="images/favicon.ico">
     
-    <title>Alexander Dean • Research</title>
-  </head>
+    <title>Research • Alexander Dean</title>
+  </head> -->
 
   <!-- Google tag (gtag.js) -->
-  <script async src="https://www.googletagmanager.com/gtag/js?id=G-NDP03MMWK8"></script>
+  <!-- <script async src="https://www.googletagmanager.com/gtag/js?id=G-NDP03MMWK8"></script>
   <script>
     window.dataLayer = window.dataLayer || [];
     function gtag(){dataLayer.push(arguments);}
     gtag('js', new Date());
 
     gtag('config', 'G-NDP03MMWK8');
-  </script>
-    
+  </script> -->
+<!--     
   <body>
     <nav class="navigation">
       <div class="menu" id="myMenu">
-        <a class="name" href="../index.html">Alexander <br> Dean</a><br>
+        <a class="name" href="index.html">Alexander <br> Dean</a><br> -->
         
         <!-- Routes displayed in navigation bar -->
-        <a class="route" href="projects.html">Projects</a><br>
-        <a class="route" href="research.html">Research</a><br>
-        <a class="route" href="democracy.html">Democracy</a>
-        
+        <!-- <a class="route" href="software.html">Software</a><br>
+        <a class="route" href="research.html">Research</a><br> -->
+        <!-- <a class="route" href="democracy.html">Democracy</a> -->
+<!--         
         <a href="javascript:void(0);" class="display-bars" onclick="triggerMenu()">
           <i class="fa fa-bars"></i>
         </a>
-      </div>
+      </div> -->
 
       <!-- Social icons displayed only on desktop footer, hidden on mobile -->
-      <footer class="desktop-footer">
+      <!-- <footer class="desktop-footer">
         <a href="https://github.com/alexanderjdean"><i class="social-icon fa-brands fa-github"></i></a>
         <a href="https://www.linkedin.com/in/alexjacobdean"><i class="social-icon fa-brands fa-linkedin"></i></a>
         <a href="https://twitter.com/alexanderjdean"><i class="social-icon fa-brands fa-twitter"></i></a>
@@ -55,7 +55,7 @@
 
     <main class="content">
       <div class="project">
-        <img src="../images/firefighting_project.png" alt="Firefighters on Graphs">
+        <img src="images/firefighting_project.png" alt="Firefighters on Graphs">
         <h2>Firefighters on Graphs <a class="link-icon" href="https://arxiv.org/abs/2010.05060">
           <i class="fa-regular fa-file"></i></a> 
           <a class="link-icon" href="https://drive.google.com/file/d/1j33kjKrSdZRnRXq5PtXtdCvLfqnApDFO/view">
@@ -80,7 +80,7 @@ <h2>Firefighters on Graphs <a class="link-icon" href="https://arxiv.org/abs/2010
       </div>
 
       <div class="project">
-        <img src="../images/automatic_theorem_proving.png" alt="Automatic Theorem Proving">
+        <img src="images/automatic_theorem_proving.png" alt="Automatic Theorem Proving">
         <h2>Automatic Theorem Proving <a class="link-icon" href="https://drive.google.com/file/d/19p6n-YainAuNyQ-YCsbzyDRRAzUMeNXC/view">
           <i class="fa-regular fa-file"></i></a> <a class="link-icon" href="https://drive.google.com/file/d/1s5SZP50J5Xvn8cTlZdkgdoLRlJufq7cu/view">
           <i class="fa-solid fa-photo-film"></i></a>
@@ -101,7 +101,7 @@ <h2>Automatic Theorem Proving <a class="link-icon" href="https://drive.google.co
       </div>
 
       <div class="project">
-        <img src="../images/stern_sequence.png" alt="Explorations of the Stern Sequence">
+        <img src="images/stern_sequence.png" alt="Explorations of the Stern Sequence">
         <h2>Explorations of the Stern Sequence <a class="link-icon" href="https://drive.google.com/file/d/1x75TXbK3pdxyqQ4q5VIThCuS6vspoVoE/view">
           <i class="fa-regular fa-file"></i></a> <a class="link-icon" href="https://drive.google.com/file/d/1VZb48h5FyBVgNgjqpzPU8Me5R4nlwAZn/view">
           <i class="fa-solid fa-photo-film"></i></a>
@@ -119,10 +119,10 @@ <h2>Explorations of the Stern Sequence <a class="link-icon" href="https://drive.
           conjectures about L_m(r), the mth largest value in the rth row. In addition, we introduce repeated 
           connections to the Fibonacci sequence as well as the Jacobsthal sequence.
         </p>
-      </div>
+      </div> -->
 
       <!-- Social icons displayed only on mobile & tablet footer, hidden on desktop -->
-      <footer class="mobile-footer">
+      <!-- <footer class="mobile-footer">
         <div class="social-icons">
           <a href="https://github.com/alexanderjdean"><i class="social-icon fa-brands fa-github"></i></a>
           <a href="https://www.linkedin.com/in/alexjacobdean"><i class="social-icon fa-brands fa-linkedin"></i></a>
@@ -134,4 +134,4 @@ <h2>Explorations of the Stern Sequence <a class="link-icon" href="https://drive.
 
     <script src="../js/triggerMenuBar.js"></script>
   </body>
-</html>
+</html> -->
diff --git a/archive/software.css b/archive/software.css
new file mode 100644
index 0000000..01cff78
--- /dev/null
+++ b/archive/software.css
@@ -0,0 +1,38 @@
+/* Content styles */
+ul {
+    padding-left: 30px;
+}
+
+p {
+    margin-bottom: 0.5em;
+}
+
+.content {
+    flex: 1;
+    padding: 4rem 4rem;
+}
+
+.description {
+    font-size: 1.5rem;
+    font-weight: bold;
+    line-height: 1.3;
+    margin-right: 25%;
+}
+
+@media screen and (max-width: 1300px) {
+    .description {
+        font-size: 1.7rem;
+        margin-right: 0em;
+        margin-left: 0em;
+    }
+    
+    p {
+        margin-bottom: 0em;
+        margin-top: 1em;
+    }
+
+    .content {
+        align-items: center;
+        padding: 0rem 2rem;
+    }
+}
diff --git a/archive/software.html b/archive/software.html
new file mode 100644
index 0000000..bc6adcb
--- /dev/null
+++ b/archive/software.html
@@ -0,0 +1,111 @@
+<!-- <!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    
+    <script src="https://kit.fontawesome.com/b68693d78a.js" crossorigin="anonymous"></script>
+
+    <link rel="stylesheet" media="screen" href="https://fontlibrary.org//face/d-din" type="text/css"/>
+    <link rel="stylesheet" href="styles/styles.css">
+    <link rel="stylesheet" href="styles/software.css">
+    <link rel="icon" type="image/x-icon" href="images/favicon.ico">
+
+    <title>Software • Alexander Dean</title>
+  </head> -->
+
+  <!-- Google tag (gtag.js) -->
+  <!-- <script async src="https://www.googletagmanager.com/gtag/js?id=G-NDP03MMWK8"></script>
+  <script>
+    window.dataLayer = window.dataLayer || [];
+    function gtag(){dataLayer.push(arguments);}
+    gtag('js', new Date());
+
+    gtag('config', 'G-NDP03MMWK8');
+  </script>
+     -->
+
+  <!-- <body>
+    <nav class="navigation">
+      <div class="menu" id="myMenu">
+        <a class="name" href="index.html">Alexander <br> Dean</a><br>
+         -->
+        <!-- Routes displayed in navigation bar -->
+        <!-- <a class="route" href="software.html">Software</a><br>
+        <a class="route" href="research.html">Research</a><br> -->
+        <!-- <a class="route" href="democracy.html">Democracy</a> -->
+<!--         
+        <a href="javascript:void(0);" class="display-bars" onclick="triggerMenu()">
+          <i class="fa fa-bars"></i>
+        </a>
+      </div> -->
+
+      <!-- Social icons displayed only on desktop footer, hidden on mobile -->
+      <!-- <footer class="desktop-footer">
+        <a href="https://github.com/alexanderjdean"><i class="social-icon fa-brands fa-github"></i></a>
+        <a href="https://www.linkedin.com/in/alexjacobdean"><i class="social-icon fa-brands fa-linkedin"></i></a>
+        <a href="https://twitter.com/alexanderjdean"><i class="social-icon fa-brands fa-twitter"></i></a>
+        <a href="https://scholar.google.com/citations?user=Z9zyFCoAAAAJ"><i class="social-icon fa-brands fa-google"></i></a><br>
+
+        Alexander Dean &copy; <script>document.write(new Date().getFullYear())</script>
+      </footer>
+    </nav>
+
+    <main class="content">
+      <div class="description">
+        <p>
+          In the past, I’ve interned with Ald. Michele Smith’s 43rd Ward Chicago office and was a candidate for 
+          Community Representative at Lincoln Park High School’s Local School Council (LSC) in March/April of 2022.
+        </p>
+
+        <p>
+          Here are some of my writings on local and national issues:
+        </p>
+
+        <ul>
+          <li>
+            <a href="https://www.chicagotribune.com/opinion/letters/ct-letters-vp-100322-20221003-zojwx6mykvh3feo47gca25eqba-story.html">
+            Actually, small states lose out</a> — October 3, 2022, <em>Chicago Tribune</em>
+          </li>
+
+          <li>
+            <a href="https://chicago.suntimes.com/2022/10/1/23378615/hurricane-ian-recovery-funding-florida-labor-rights-property-taxes-elections-letters">
+              America needs National Popular Vote Compact</a> — October 1, 2022, <em>Chicago Sun-Times</em>
+          </li>
+
+          <li>
+            <a href="https://chicago.suntimes.com/2022/4/28/23044648/illinois-should-be-first-state-cast-votes-presidential-primary-skyscrapers-century-consumers-letters">
+              Illinois should be first to cast votes in 2024 presidential primary</a> — April 28, 2022, <em>Chicago Sun-Times</em>
+          </li>
+
+          <li>
+            <a href="https://chicago.suntimes.com/2022/4/6/23010762/lincoln-park-hs-racist-video-race-conversations-baseball-letters">
+              Racist dating video shows schools need to talk more about diversity, inclusion</a> — April 6, 2022, <em>Chicago Sun-Times</em>
+          </li>
+
+          <li>
+            <a href="https://chicago.suntimes.com/2022/3/20/22984978/crooked-politicians-illinois-change-letters">
+              Crooked politicians seem to be Illinois’ way, but that can change</a> — March 20, 2022, <em>Chicago Sun-Times</em>
+          </li>
+
+          <li>
+            <a href="https://chicago.suntimes.com/2022/3/17/22980851/youth-mental-health-workforce-development-russia-ukraine-putin-letters">
+              Preparing youth for the future starts with addressing mental health</a> — March 17, 2022, <em>Chicago Sun-Times</em>
+          </li>
+        </ul>
+      </div> -->
+
+      <!-- Social icons displayed only on mobile & tablet footer, hidden on desktop -->
+      <!-- <footer class="mobile-footer">
+        <div class="social-icons">
+          <a href="https://github.com/alexanderjdean"><i class="social-icon fa-brands fa-github"></i></a>
+          <a href="https://www.linkedin.com/in/alexjacobdean"><i class="social-icon fa-brands fa-linkedin"></i></a>
+          <a href="https://twitter.com/alexanderjdean"><i class="social-icon fa-brands fa-twitter"></i></a>
+          <a href="https://scholar.google.com/citations?user=Z9zyFCoAAAAJ"><i class="social-icon fa-brands fa-google"></i></a><br>
+        </div>
+      </footer>
+    </main>
+
+    <script src="../js/triggerMenuBar.js"></script>
+  </body>
+</html> -->
diff --git a/images/me.jpg b/images/me.jpg
deleted file mode 100644
index 72ff747..0000000
Binary files a/images/me.jpg and /dev/null differ
diff --git a/images/me.png b/images/me.png
new file mode 100644
index 0000000..7ac12f8
Binary files /dev/null and b/images/me.png differ
diff --git a/index.html b/index.html
index f013456..af72a94 100644
--- a/index.html
+++ b/index.html
@@ -11,7 +11,7 @@
     <link rel="stylesheet" href="styles/index.css">
     <link rel="icon" type="image/x-icon" href="images/favicon.ico">
 
-    <title>Alexander Dean</title>
+    <title>Home • Alexander Dean</title>
   </head>
   
   <!-- Google tag (gtag.js) -->
@@ -30,13 +30,13 @@
         <a class="name" href="index.html">Alexander <br> Dean</a><br>
         
         <!-- Routes displayed in navigation bar -->
-        <a class="route" href="pages/projects.html">Projects</a><br>
-        <a class="route" href="pages/research.html">Research</a><br>
-        <a class="route" href="pages/democracy.html">Democracy</a>
+        <!-- <a class="route" href="software.html">Software</a><br>
+        <a class="route" href="research.html">Research</a><br> -->
+        <!-- <a class="route" href="democracy.html">Democracy</a> -->
 
-        <a href="javascript:void(0);" class="display-bars" onclick="triggerMenu()">
+        <!-- <a href="javascript:void(0);" class="display-bars" onclick="triggerMenu()">
           <i class="fa fa-bars"></i>
-        </a>
+        </a> -->
       </div>
       
       <!-- Social icons displayed only on desktop footer, hidden on mobile -->
@@ -51,23 +51,28 @@
     </nav>
 
     <main class="content">
-      <img src="images/me.jpg" alt="Alexander Dean" class="image-myself">
+      <div >
+        <figure class="image-block">
+          <img src="images/me.png" alt="Alexander Dean" class="image-myself">
+          <figcaption class="caption">Me at the Garfield Park Conservatory, March 2023.</figcaption>
+        </figure>
+      </div>
 
       <div class="description">
         <p>
-          Hi! My name is Alex. I’m a problem solver and I’m always looking for interesting and challenging problems to solve.
+          Hi! I'm Alex.
+        </p>
+        <p>
+          I'm a software engineer interested in distributed systems, natural language processing, and reinforcement learning.
         </p>
         <p>
-          I’m currently a software engineer at Capital One — I create and deploy machine learning tools to prevent credit card fraud. 
-          I graduated from the University of Illinois at Urbana-Champaign with a B.S. in mathematics and computer science.
+          I'm currently at <a href="https://capitalone.com/">Capital One</a>, where I build and deploy large-scale distributed machine learning systems, particularly in the context of preventing <a href="https://en.wikipedia.org/wiki/Credit_card_fraud">credit card fraud</a>. These days, my focus is on building One Hallway, a new microservice to reform the disputes and fraud intake process for call agents.
         </p>
         <p>
-          I’m passionate about creating artificial superintelligence, encouraging civic engagement, overhauling democratic government, 
-          and restructuring society to provide more time and opportunity for everyone.
+          I studied math and computer science at the <a href="https://cs.illinois.edu/">University of Illinois Urbana-Champaign</a>, where I did research in graph theory, combinatorics, number theory, and theoretical computer science. In my spare time, I enjoy reading, traveling, trying new things, and meeting new people.r
         </p>
         <p>
-          You can see my <a href="pages/projects.html">programming projects</a> and my <a href="pages/research.html">academic research</a>. You can 
-          contact me at alexjacobdean1 at gmail dot com.
+          To see my programming projects, visit my <a href="https://github.com/alexanderjdean">GitHub</a>. For a copy of my resume, click <a href="util/resume_aug2023.pdf">here</a>. You can contact me at alex [at] this domain name.
         </p>
       </div>
 
diff --git a/pages/projects.html b/pages/projects.html
deleted file mode 100644
index 30a2918..0000000
--- a/pages/projects.html
+++ /dev/null
@@ -1,98 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    
-    <script src="https://kit.fontawesome.com/b68693d78a.js" crossorigin="anonymous"></script>
-
-    <link rel="stylesheet" media="screen" href="https://fontlibrary.org//face/d-din" type="text/css"/>
-    <link rel="stylesheet" href="../styles/styles.css">
-    <link rel="stylesheet" href="../styles/projects.css">
-    <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
-
-    <title>Alexander Dean • Projects</title>
-  </head>
-
-  <!-- Google tag (gtag.js) -->
-  <script async src="https://www.googletagmanager.com/gtag/js?id=G-NDP03MMWK8"></script>
-  <script>
-    window.dataLayer = window.dataLayer || [];
-    function gtag(){dataLayer.push(arguments);}
-    gtag('js', new Date());
-
-    gtag('config', 'G-NDP03MMWK8');
-  </script>
-    
-
-  <body>
-    <nav class="navigation">
-      <div class="menu" id="myMenu">
-        <a class="name" href="../index.html">Alexander <br> Dean</a><br>
-        
-        <!-- Routes displayed in navigation bar -->
-        <a class="route" href="projects.html">Projects</a><br>
-        <a class="route" href="research.html">Research</a><br>
-        <a class="route" href="democracy.html">Democracy</a>
-        
-        <a href="javascript:void(0);" class="display-bars" onclick="triggerMenu()">
-          <i class="fa fa-bars"></i>
-        </a>
-      </div>
-
-      <!-- Social icons displayed only on desktop footer, hidden on mobile -->
-      <footer class="desktop-footer">
-        <a href="https://github.com/alexanderjdean"><i class="social-icon fa-brands fa-github"></i></a>
-        <a href="https://www.linkedin.com/in/alexjacobdean"><i class="social-icon fa-brands fa-linkedin"></i></a>
-        <a href="https://twitter.com/alexanderjdean"><i class="social-icon fa-brands fa-twitter"></i></a>
-        <a href="https://scholar.google.com/citations?user=Z9zyFCoAAAAJ"><i class="social-icon fa-brands fa-google"></i></a><br>
-
-        Alexander Dean &copy; <script>document.write(new Date().getFullYear())</script>
-      </footer>
-    </nav>
-
-    <main class="content">
-      <div class="project">
-        <img src="../images/moon_times.png" alt="Image of Chicago Moon-Times">
-        <h2>Chicago Moon-Times
-          <a class="link-icon" href="https://chicagomoontimes.com">
-          <i class="fa-solid fa-link"></i></a> 
-        </h2>
-        <p>
-          The Chicago Moon-Times is the first, fully-automated satirical news site created to spread laughter and joy in the world. 
-          The site is powered by OpenAI’s ChatGPT and all content is satirical and not meant to be taken seriously. The site runs itself, with
-          two to three articles generated every day based on recent national and local events.
-        </p>
-
-        <p>
-          The application was built using a React frontend and a Node.js backend, with articles stored on a Firebase Realtime Database
-          and multiple APIs used for image and content generation. The site is hosted on Google Cloud.
-        </p>
-      </div>
-
-      <div class="project">
-        <img src="../images/read_this_to_me.png" alt="Image of Read This to Me">
-        <h2>Read This to Me 
-          <a class="link-icon" href="https://readtext.me">
-          <i class="fa-solid fa-link"></i></a> 
-        </h2>
-        <p>
-          This is a project that leverages the SpeechSynthesis Web API to transcribe text into audio, making it possible for users to listen to their 
-          written content. This application can be used to have a long-form article read to you or to listen to your notes.
-        </p>
-      </div>
-
-      <!-- Social icons displayed only on mobile & tablet footer, hidden on desktop -->
-      <footer class="mobile-footer">
-        <div class="social-icons">
-          <a href="https://github.com/alexanderjdean"><i class="social-icon fa-brands fa-github"></i></a>
-          <a href="https://www.linkedin.com/in/alexjacobdean"><i class="social-icon fa-brands fa-linkedin"></i></a>
-          <a href="https://twitter.com/alexanderjdean"><i class="social-icon fa-brands fa-twitter"></i></a>
-          <a href="https://scholar.google.com/citations?user=Z9zyFCoAAAAJ"><i class="social-icon fa-brands fa-google"></i></a><br>
-        </div>
-      </footer>
-    </main>
-
-    <script src="../js/triggerMenuBar.js"></script>
-  </body>
-</html>
diff --git a/styles/index.css b/styles/index.css
index f483635..fbfeaba 100644
--- a/styles/index.css
+++ b/styles/index.css
@@ -1,27 +1,38 @@
+@import url('https://fonts.googleapis.com/css2?family=Heebo&display=swap');
+
 /* Content styles */
 .content {
     flex: 1;
-    padding: 4rem 3rem;
+    padding: 4rem 4rem;
 }
 
 .description {
     font-size: 2rem;
     line-height: 1.3;
-    margin-right: 5em;
-    margin-left: 12em;
+    margin-right: 21%;
 }
 
 p {
-    margin-bottom: 1em;
-    padding-top: 0.7em;
+    margin-bottom: 0.5em;
+}
+
+.image-block { 
+    width: 300px;
+    height: 430px;
+    float: right;
+    margin-right: 20%;
+    padding-left: 1%;
+}
+
+.caption {
+    text-align: center;
+    margin: 0 10px;
 }
 
 .image-myself {
     width: 300px;
-    height: 450px;
-    float: left;
-    margin-top: 2em;
-    margin-right: 4em;
+    height: 400px;
+    border-radius: 10%;
 }
 
 @media screen and (max-width: 1300px) {
@@ -32,14 +43,19 @@ p {
     }
     
     .image-myself {
-        width: 250px;
+        width: 300px;
         height: 400px;
         margin-top: 0em;
-        padding-bottom: 2.5em;
+        border-radius: 5%;
+    }
+
+    .image-block {
+        margin: 0 4%;
+        margin-bottom: 12%;
     }
 
     .description {
-        font-size: 1.8rem;
+        font-size: 1.3rem;
         margin-right: 0em;
         margin-left: 0em;
     }
diff --git a/styles/projects.css b/styles/projects.css
deleted file mode 100644
index 7259ac7..0000000
--- a/styles/projects.css
+++ /dev/null
@@ -1,87 +0,0 @@
-/* Content styles */
-.content {
-    flex: 1;
-    padding: 4rem 3rem;
-    display: grid;
-    grid-template-columns: repeat(3, 1fr);
-    grid-gap: 2rem;
-    align-items: center;
-}
-
-.description {
-    font-size: 2rem;
-    line-height: 1.3;
-}
-
-p {
-    margin-bottom: 1em;
-}
-
-/* Project styles */
-.project {
-    background-color: #f7f7f7;
-    padding: 2rem;
-    border-radius: 10px;
-    text-align: center;
-    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-}
-
-.project h2 {
-    margin: 1rem;
-    font-size: 1.5rem;
-}
-
-.project p {
-    font-size: 1.2rem;
-    line-height: 1.5;
-    margin-bottom: 1.5rem;
-}
-
-.project a {
-    color: #163057;
-    text-decoration: none;
-    border: 2px solid #163057;
-    padding: 0.4rem 0.5rem;
-    border-radius: 5px;
-    transition: all 0.2s ease-in-out;
-}
-
-.project img {
-    width: 400px;
-    height: 400px;
-}
-
-.project a:hover {
-    background-color: #163057;
-    color: #fff;
-}
-
-.link-icon {
-    font-size: 60%;
-}
-
-@media screen and (max-width: 1300px) {
-    .content {
-        align-items: center;
-        grid-template-columns: repeat(1, 1fr);
-    }
-
-    .description {
-        margin-right: 0em;
-        margin-left: 0em;
-    }
-
-    p {
-        margin-bottom: 0em;
-        margin-top: 1em;
-    }
-
-    .project img {
-        width: 100%;
-        height: 100%;
-    }
-
-    .link-icon {
-        font-size: 40%;
-    }
-}
diff --git a/util/resume_aug2023.pdf b/util/resume_aug2023.pdf
new file mode 100644
index 0000000..5b2a333
Binary files /dev/null and b/util/resume_aug2023.pdf differ
