diff --git a/css/body.css b/css/body.css
index ad11c96..2f0b30b 100644
--- a/css/body.css
+++ b/css/body.css
@@ -1,4 +1,8 @@
body {
margin: 0; /* Remove body margins */
background-color: rgb(250, 248, 248);
+}
+
+* {
+ font-family: Montserrat;
}
\ No newline at end of file
diff --git a/css/components/page/hero.css b/css/components/page/hero.css
index e69de29..a1f746b 100644
--- a/css/components/page/hero.css
+++ b/css/components/page/hero.css
@@ -0,0 +1,76 @@
+.hero-container {
+ display: flex;
+ flex-direction: column;
+ justify-content: start;
+ align-items: start;
+
+ width: 100%;
+}
+.hero-profile-container {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+
+ gap: 10px;
+
+ width: 100%;
+}
+.hero-banner-image {
+ width: 100%;
+ height: 150px;
+ object-fit: cover;
+
+ background-color: rebeccapurple;
+}
+.hero-profile-picture-container {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+
+ width: 130px;
+ height: 130px;
+
+ border-radius: 100%;
+ border: 3px solid white;
+
+ background-color: blue;
+
+ margin-top: -65px;
+}
+.hero-profile-picture {
+ object-fit: cover;
+}
+.hero-name {
+ font-size: 20px;
+ font-weight: 800;
+ color: #26306B;
+}
+.hero-title {
+ font-size: 14px;
+ font-weight: 200;
+ color: #26306B;
+}
+.hero-about-me-container {
+ display: flex;
+ flex-direction: column;
+ justify-content: start;
+ align-items: start;
+
+ gap: 10px;
+
+ margin: 0px 20px;
+ margin-top: 40px;
+}
+.hero-about-me-title {
+ font-size: 28px;
+ font-weight: 800;
+ color: #26306B;
+ font-family: Ubuntu;
+}
+.hero-about-me-body {
+ font-size: 13px;
+ font-weight: 300;
+ text-align: justify;
+ line-height: 15px;
+}
\ No newline at end of file
diff --git a/css/pages/main_page.css b/css/pages/main_page.css
index 905506a..d42fac0 100644
--- a/css/pages/main_page.css
+++ b/css/pages/main_page.css
@@ -1,7 +1,7 @@
.main-page-container {
display: flex;
flex-direction: column;
- justify-content: center;
+ justify-content: start;
align-items: start;
width: 100%;
}
\ No newline at end of file
diff --git a/index.html b/index.html
index 49382af..ff5b585 100644
--- a/index.html
+++ b/index.html
@@ -8,7 +8,7 @@
-
+
@@ -18,9 +18,9 @@
-
-
-
+
+
+