From 6681b30e4b2aa9fecde077082c9373e923d63067 Mon Sep 17 00:00:00 2001
From: Shipwreckt <Shipwreckt@mailfence.com>
Date: Tue, 4 Jun 2024 19:06:27 +0100
Subject: Added image to my about me, I have updated the CSS to make it a
 circle. I have also did some minor ajustments to the weeklybytes to make it
 look a little cleaner

---
 public/styles.css | 46 ++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 46 insertions(+)

(limited to 'public/styles.css')

diff --git a/public/styles.css b/public/styles.css
index 2a6451f..63c1df5 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -149,3 +149,49 @@ main a:hover {
     width: 70%;
 }
 
+.about-content {
+    display: flex;
+}
+
+.about-image img {
+    width: 200px; /* Adjust the width as needed */
+    height: auto; /* Maintain the aspect ratio */
+    border-radius: 50%;
+    border: 5px solid #7a4d7c;
+    margin-top: -20px; /* Adjust the negative margin to move the image up */
+}
+
+
+
+
+.about-text {
+    flex: 3; 
+}
+
+.about-text h2 {
+    color: #7a4d7c;
+}
+
+.about-text p {
+    margin: 10px 0;
+}
+
+.about-text ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+
+.about-text ul li {
+    margin-top: 10px;
+}
+
+.about-text ul li a {
+    color: #9433ff;
+    text-decoration: none;
+}
+
+.about-text ul li a:hover {
+    text-decoration: underline;
+}
+
-- 
cgit v1.2.3