diff --git a/resume/index.css b/resume/index.css
index 4ce1a1c..9f458a5 100644
--- a/resume/index.css
+++ b/resume/index.css
@@ -4,6 +4,7 @@
   font-family: sans-serif;
   --timing: cubic-bezier(.2,1,0,1);
   --enter: 2s var(--timing) 0.2s backwards;
+  --steelblue: #385757;
 }
 
 * {
@@ -90,20 +91,27 @@ footer.navbar {
 
 .footer-icon {
   text-decoration: none;
+  opacity: 0.5;
+  color: white;
+  font-size: 0.2em;
+  font-family: Verdana;
+  font-weight: 600;
+  display: inline-flex;
+  flex-direction: column;
+  align-items: center;
+  transition: transform 0.3s, opacity 0.3s;
 }
 
 .footer-img {
   display: inline-block;
-  font-size: 0.75em;
+  font-size: 4em !important;
   user-select: none;
   filter: brightness(0) invert(1);
 
   transform: scale(1);
-  opacity: 0.5;
-  transition: transform 0.3s, opacity 0.3s;
 }
 
-.footer-img:hover {
+.footer-icon:hover {
   transform: scale(1.1);
   opacity: 1;
 }
@@ -151,15 +159,15 @@ body::before {
 }
 
 .email {
-  color: dodgerblue;
+  /* color: dodgerblue; */
 }
 
 .phone {
-  color: orangered;
+  /* color: orangered; */
 }
 
 .location {
-  color: green;
+  /* color: green; */
 }
 
 /*---- Sectioning ------------------------------------------------------------*/
@@ -185,12 +193,12 @@ body::before {
 .title {
   font-weight: bold;
   font-family: Verdana;
-  color: steelblue;
+  /* color: var(--steelblue); */
 }
 
 .title > i {
   font-weight: normal;
-  color: black;
+  /* color: black; */
 }
 
 .date {
@@ -200,7 +208,7 @@ body::before {
 .place {
   font-weight: normal;
   display: block;
-  color: dimgray;
+  /* color: dimgray; */
   text-transform: uppercase;
 }
 
@@ -216,7 +224,7 @@ body::before {
   display: inline-flex;
   padding: 0.5em 1em;
   border-radius: 0.5em;
-  color: steelblue;
+  /* color: black; */
   background: whitesmoke;
   font-family: monospace;
   white-space: nowrap;
@@ -270,7 +278,7 @@ body::before {
 }
 
 .freshmanuals {
-  color: steelblue;
+  /* color: var(--steelblue); */
 }
 
 /*---- Animations ------------------------------------------------------------*/
diff --git a/resume/index.html b/resume/index.html
index 587c376..bf23f5e 100644
--- a/resume/index.html
+++ b/resume/index.html
@@ -2,14 +2,27 @@
 <html lang="en">
   <head>
     <title>Resume of Maxim Voldman Hutz</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="description" content="This page holds a preview of the resume of Maxim Voldman Hutz.">
+
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta http-equiv="Content-Security-Policy" content="
+      default-src 'self';
+      style-src 'self' https://fonts.googleapis.com https://cdn.jsdelivr.net;
+      font-src 'self' https://cdn.jsdelivr.net https://fonts.gstatic.com;
+      connect-src ws:;
+    ">
     
+    <!-- Preconnect with the web-font services. -->
     <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=Poppins:ital,wght@0,100;0,200;0,500;0,800;0,900;1,100;1,500;1,800;1,900&display=swap" rel="stylesheet">
     
+    <!-- The font and icons. -->
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,500;0,800;0,900;1,100;1,500;1,800;1,900&display=swap">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css">
-    
+
+    <!-- Resume styling. -->
     <link rel="stylesheet" type="text/css" href="index.css">
   </head>
 
@@ -29,7 +42,7 @@
             <i class="bi bi-telephone-fill icon"></i>
             914.216.5972
           </a>
-          <a class="contact-detail location">
+          <a class="contact-detail location" href="https://en.wikipedia.org/wiki/Tri-state_area">
             <i class="bi bi-geo-fill icon"></i>
             New York City or Tri-State Area Preferred
           </a>
@@ -43,7 +56,7 @@
         <section>
           <header class="experience">
             <div class="hflex">
-              <h4 class="place">Tightrope Interactive, <i>Cold Spring, NY</i></h4>
+              <p class="place">Tightrope Interactive, <i>Cold Spring, NY</i></p>
               <aside class="date">05/2022 - 08/2022</aside>
             </div>
             <h3 class="title">Software Engineer Internship</h3>
@@ -61,7 +74,7 @@
         <section>
           <header class="experience">
             <div class="hflex">
-              <h4 class="place">Tightrope Interactive, <i>Cold Spring, NY</i></h4>
+              <p class="place">Tightrope Interactive, <i>Cold Spring, NY</i></p>
               <aside class="date">05/2021 - 8/2021</aside>
             </div>
             <h3 class="title">Junior Software Engineer Internship</h3>
@@ -103,7 +116,7 @@
         </h2>
         <header class="experience">
           <div class="hflex">
-            <h4 class="place">Rensselaer Polytehnic Institute, <i>Troy, NY</i></h4>
+            <p class="place">Rensselaer Polytehnic Institute, <i>Troy, NY</i></p>
             <aside class="date">Expected Graduation 05/2025</aside>
           </div>
           <h3 class="title">BS Computer Science, BS Information Technology & Web Science</h3>
@@ -143,13 +156,13 @@
       <address class="resume-footer">
         <a href="https://github.com/MajorDroolz" class="footer-icon" target="_blank">
           <i class="bi bi-github footer-img"></i>
+          GitHub
         </a>
         <a href="https://www.linkedin.com/in/maximhutz" class="footer-icon" target="_blank">
           <i class="bi bi-linkedin footer-img"></i>
+          LinkedIn
         </a>
       </address>
     </footer>
   </body>
-</html>
-
-
+</html>
\ No newline at end of file
