diff --git a/css/style.css b/css/style.css
index 7528a1b..8c4eae8 100644
--- a/css/style.css
+++ b/css/style.css
@@ -101,15 +101,12 @@ main div.heading {
main div.hero {
color: #383c3f;
width: 60%;
- margin-top: 16px;
- margin-bottom: 16px;
- margin-left: auto;
- margin-right: auto;
+ margin: 16px auto 16px auto;
border: solid 1px #00000033;
border-radius: 8px;
+ box-shadow: 1px 1px 8px #00000033;
padding: 16px;
text-align: center;
- box-shadow: 1px 1px 8px #00000033;
}
@media screen and (max-width: 600px) {
@@ -133,6 +130,23 @@ main div.hero ul {
margin-right: auto;
}
+main img.banner {
+ display: block;
+ width: 70%;
+ margin: 32px auto 32px auto;
+ border: solid 1px #00000033;
+ border-radius: 16px;
+ box-shadow: 1px 1px 8px #00000033;
+}
+
+@media screen and (max-width: 600px) {
+ main img.banner {
+ width: 95%;
+ border-radius: 12px;
+ margin: 24px auto 24px auto;
+ }
+}
+
ul.linktree {
list-style-type: none;
margin: 0;
diff --git a/img/zakarya-banner.png b/img/zakarya-banner.png
new file mode 100644
index 0000000..268751e
Binary files /dev/null and b/img/zakarya-banner.png differ
diff --git a/zakarya/index.html b/zakarya/index.html
index f120d3f..fa4d684 100644
--- a/zakarya/index.html
+++ b/zakarya/index.html
@@ -18,12 +18,13 @@ $(document).ready(function(){
+
-
-
+
+ 