diff --git a/style.css b/style.css
index 7ea016d..05e411c 100644
--- a/style.css
+++ b/style.css
@@ -52,7 +52,7 @@ h1, h2, h3 {
height: auto;
margin-bottom: 20px;
border: 2px solid var(--box-bg-color);
- box-shadow: 0 0 35 px var(--background-color);
+ box-shadow: 0 0 35px var(--background-color);
}
/* Navigation */
@@ -253,11 +253,24 @@ a:nth-child(5) {
flex: 3; /* Text container takes 3/4 of the space */
}
+.about {
+ display: flex;
+ flex-direction: row;
+ align-items: flex-start; /* Aligns the text and image by the top of the container */
+ justify-content: space-between;
+ gap: 40px;
+ max-width: 1200px;
+ margin: 0 auto;
+}
+
.creator {
flex: 1; /* Image container takes 1/4 of the space */
max-width: 300px;
height: auto;
border-radius: 50%;
+ box-shadow: 0 0 35px var(--header-bg-color);
+ align-self: flex-start;
+ margin-top: 30px;
}
.about p {
@@ -360,7 +373,7 @@ a:nth-child(5) {
}
.footer .social-media a {
- color: var(--footer-text-color);
+ color: var(--footer-text-color);
margin: 0 10px;
font-size: 1.5em;
text-decoration: none;