diff --git a/css/style.css b/css/style.css
index d316d37..42ef396 100644
--- a/css/style.css
+++ b/css/style.css
@@ -6,3 +6,59 @@
* for example: General styles, Navigation styles, Contanier styles, Footer etc.
*
*/
+ *{
+ margin: 0%;
+ padding: 0;
+ align-items: center;
+
+ }
+ .hero{
+ background-color: white;
+ display: flex;
+ justify-content: center;
+ height: 200px;
+ width: 100%;
+ align-items: center;
+ background-image: linear-gradient(315deg, #d5adc8 0% #f5bbbd 74%);
+
+ }
+
+ .hero h1 {
+ background-color: sandybrown;
+ color: black;
+}
+
+pic img {
+ width: 100;
+
+}
+
+.highlight {
+ background-color: rgb(110, 61, 156);
+}
+.pic{
+
+ margin-left: 500px;
+ margin-right: auto;
+ width: 70;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/img/image-girl.jpeg b/img/image-girl.jpeg
new file mode 100644
index 0000000..8ce0681
Binary files /dev/null and b/img/image-girl.jpeg differ
diff --git a/img/world-img.jpeg b/img/world-img.jpeg
new file mode 100644
index 0000000..09587c7
Binary files /dev/null and b/img/world-img.jpeg differ
diff --git a/index.html b/index.html
index d8e8e09..ceb642b 100644
--- a/index.html
+++ b/index.html
@@ -12,7 +12,45 @@
+
-
+
+
+
MY BLOG
+
+
+
+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam, accusamus!
+
+
+
+
+
+
+
+
+
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Repellendus, obcaecati.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+