diff --git a/css/styles.css b/css/styles.css index 9a5c4ff..ad778b5 100644 --- a/css/styles.css +++ b/css/styles.css @@ -63,6 +63,11 @@ a:hover { color: var(--main-highlight-color); } +p { + color: white; + font-size: 1.1rem; +} + .Navbar { background-color: var(--main-card-bg-color); display: flex; @@ -150,6 +155,7 @@ h1 { margin-top: -19.5rem; margin-right: 10%; box-shadow: 10px 15px var(--main-highlight-color); + text-align: center; } .map-section-1 { @@ -164,3 +170,17 @@ h1 { margin-left: 10%; box-shadow: 10px 15px var(--main-highlight-color); } + +.poaching-image { + width: 100%; + height: 100%; + padding: 0; + margin: 0; +} + +.poaching-image img { + width: auto; + height: auto; + max-height: 100%; + max-width: 100%; +} diff --git a/index.html b/index.html index a3a2ce8..5700f5a 100644 --- a/index.html +++ b/index.html @@ -34,16 +34,14 @@

Background

+

Poaching is a widespread issue that's affecting countless countries around the world. Poaching is the illegal hunting or capturing of wild animals. Usually, animals are poached for parts of their bodies, such as a rhino's horn or an elephant's tusks. Poachers can then sell these body parts for millions of dollars on the black market. This illegal hunting can have disastrous effects on the ecosystems of the area, and can even cause certain species to become extinct.

- -
-
- + A dead rhino with its horns removed
@@ -73,7 +71,7 @@
- +
diff --git a/static/img/background-poaching.jpg b/static/img/background-poaching.jpg new file mode 100644 index 0000000..57df70e Binary files /dev/null and b/static/img/background-poaching.jpg differ diff --git a/static/site.webmanifest b/static/site.webmanifest index daedd62..6b01339 100644 --- a/static/site.webmanifest +++ b/static/site.webmanifest @@ -1 +1 @@ -{"name":"Impact of Poaching on Ecosystems","short_name":"Poaching's Impact","icons":[{"src":"/static/icons/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/static/icons/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"} +{"name":"Impact of Poaching on Ecosystems","short_name":"Poaching's Impact","icons":[{"src":"static/icons/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"static/icons/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}