diff --git a/css/styles.css b/css/styles.css
new file mode 100644
index 0000000..2083ee1
--- /dev/null
+++ b/css/styles.css
@@ -0,0 +1,94 @@
+:root {
+ --main-bg-color: #568ea3;
+ --main-card-bg-color: #E96400;
+ --main-highlight-color: #a40e4c;
+}
+
+::selection {
+ background: var(--main-highlight-color); /* WebKit/Blink Browsers */
+}
+ ::-moz-selection {
+ background: var(--main-highlight-color); /* Gecko Browsers */
+}
+
+* {
+ box-sizing: border-box;
+}
+
+html {
+ height: 100%;
+ scroll-behavior: smooth;
+}
+
+body {
+ margin: 0;
+ font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
+ height: 100%;
+ background-color: var(--main-bg-color);
+}
+
+h1 {
+ all: initial;
+}
+
+h1 {
+ font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
+ color: white;
+ padding-right: 8px;
+ font-size: 23.5px;
+}
+
+a {
+ color: white;
+}
+
+a:hover {
+ color: var(--main-highlight-color);
+}
+
+.Navbar {
+ background-color: var(--main-card-bg-color);
+ display: flex;
+ padding: 16px;
+ font-family: 'Roboto', sans-serif;
+ color: white;
+}
+
+.Navbar__Link {
+ padding-right: 8px;
+ font-size: 18.5px;
+}
+
+.Navbar__Link-brand {
+ padding-right: 8px;
+ font-size: 18.5px;
+}
+
+.Navbar__Link a,
+h1 {
+ color: white;
+}
+
+.Navbar__Link a:link {
+ text-decoration: none;
+}
+
+.Navbar__Link a:visited {
+ text-decoration: none;
+}
+
+.Navbar__Link a:hover {
+ text-decoration: underline;
+}
+
+.Navbar__Link a:active {
+ text-decoration: underline;
+}
+
+.Navbar__Items {
+ display: flex;
+}
+
+.Navbar__Items--right {
+ margin-left: auto;
+}
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..27e5e5b
--- /dev/null
+++ b/index.html
@@ -0,0 +1,35 @@
+
+
+
+
+
+ Impact of Poaching on Ecosystems
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/static/icons/android-chrome-192x192.png b/static/icons/android-chrome-192x192.png
new file mode 100644
index 0000000..04da3e8
Binary files /dev/null and b/static/icons/android-chrome-192x192.png differ
diff --git a/static/icons/android-chrome-512x512.png b/static/icons/android-chrome-512x512.png
new file mode 100644
index 0000000..d3e8106
Binary files /dev/null and b/static/icons/android-chrome-512x512.png differ
diff --git a/static/icons/apple-touch-icon.png b/static/icons/apple-touch-icon.png
new file mode 100644
index 0000000..5d3e894
Binary files /dev/null and b/static/icons/apple-touch-icon.png differ
diff --git a/static/icons/favicon-16x16.png b/static/icons/favicon-16x16.png
new file mode 100644
index 0000000..704647c
Binary files /dev/null and b/static/icons/favicon-16x16.png differ
diff --git a/static/icons/favicon-32x32.png b/static/icons/favicon-32x32.png
new file mode 100644
index 0000000..90190d1
Binary files /dev/null and b/static/icons/favicon-32x32.png differ
diff --git a/static/icons/favicon.ico b/static/icons/favicon.ico
new file mode 100644
index 0000000..a47f31c
Binary files /dev/null and b/static/icons/favicon.ico differ
diff --git a/static/site.webmanifest b/static/site.webmanifest
new file mode 100644
index 0000000..daedd62
--- /dev/null
+++ b/static/site.webmanifest
@@ -0,0 +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"}