diff --git a/public/linkedin.webp b/public/linkedin.webp
index 51aec92..1ba49bd 100644
Binary files a/public/linkedin.webp and b/public/linkedin.webp differ
diff --git a/src/components/Details.jsx b/src/components/Details.jsx
index d7b7af7..9fbdedb 100644
--- a/src/components/Details.jsx
+++ b/src/components/Details.jsx
@@ -5,11 +5,18 @@ import "@/styles/details.css";
 function Details() {
   return (
     <article className="detailsContainer">
-    <h1 className="detailsTitle">Paul Hughes</h1>
-    <a className="detailsLinks" href="#tech">Technologies</a>
-    <a className="detailsLinks" href="#projects">Projects</a>
-  <a href="https://github.com/II-Paulus-II" ><img className="detailsSocialLinks" src="/github.webp" alt="github" /></a>
-    <a href="https://www.linkedin.com/in/paul-andrew-hughes/" ><img className="detailsSocialLinks" src="/linkedin.webp" alt="linkedin" /></a>
+      <div className="detailsSocialLinksContainer">
+        <a href="https://github.com/II-Paulus-II" target="_blank" ><img className="detailsSocialLinksImg" src="/github.webp" alt="github" /></a>
+        <a href="https://www.linkedin.com/in/paul-andrew-hughes/" target="_blank" ><img className="detailsSocialLinksImg" src="/linkedin.webp" alt="linkedin" /></a>
+      </div>
+      <div className="detailsTextContainer">
+        <h2 className="detailsTitle">Paul Hughes</h2>
+        <p className="detailsComment">Full Stack Developer</p>
+      </div>
+      <div className="detailsInfoLinksContainer">
+        <a className="detailsInfoLinks" href="#tech">Tech</a>
+        <a className="detailsInfoLinks" href="#projects">Projects</a>
+      </div>
     </article>
   );
 };
diff --git a/src/styles/details.css b/src/styles/details.css
index d2d0d3e..fe93dcb 100644
--- a/src/styles/details.css
+++ b/src/styles/details.css
@@ -1,21 +1,44 @@
 .detailsContainer {
-  padding: 3rem;
+  justify-content: center;
+  align-items: center;
   min-height: 100vh;
+  color: white;
+  display: flex;
+  flex-direction: row;
+  gap: 1rem;
+}
+
+.detailsTextContainer {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
 }
 
 .detailsTitle {
-
-
+  font-size: 4rem;
 }
 
-.detailsProfileImage {
-  
+.detailsComment {
+  font-size: 2.5rem;
 }
 
-.detailsLinks {
-  
+.detailsInfoLinksContainer {
+  display: flex;
+  flex-direction: column;
 }
 
-.detailsSocialLinks {
-
+.detailsInfoLinks {
+  font-size: 1.5rem;
 }
+
+.detailsSocialLinksContainer {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+}
+
+.detailsSocialLinksImg {
+  max-width: 4rem;
+  height: 100%;
+}
+