Added links for sources page

css/styles.css

@@ -121,6 +121,10 @@ h1 {
     margin-left: auto;
 }
 
+.Navbar__Link--sources {
+  margin-right: 0.5em;
+}
+
 .background-section {
   width: 40%;
   background-color: var(--background-section-color);
@@ -248,7 +252,7 @@ h1 {
   padding: 1em;
   margin: 1em;
   margin-left: auto;
-  margin-bottom: 5rem;
+  margin-bottom: 10rem;
   margin-top: -23.5rem;
   margin-right: 2em;
   box-shadow: 10px 15px var(--main-highlight-color);
@@ -310,3 +314,18 @@ h1 {
   max-height: 90%;
   max-width: 100%;
 }
+
+.sources-section {
+  width: 80%;
+  background-color: var(--background-section-color);
+  height: 10rem;
+  padding: 0.5em;
+  margin: 1em;
+  margin-left: 10%;
+  box-shadow: 10px 15px var(--main-highlight-color);
+  text-align: center;
+}
+
+.sources-section p {
+  font-size: 1.5rem;
+}

index.html

@@ -23,6 +23,9 @@
       <h1><a href="#">Impact of Rhino Poaching on Ecosystems</a></h1>
     </div>
     <nav class="Navbar__Items Navbar__Items--right">
+      <div class="Navbar__Link Navbar__Link--sources">
+          <a href="sources.html">Sources</a>
+      </div>
       <div class="Navbar__Link">
           <a href="mailto:ravi@yeetpc.com">Contact Me</a>
       </div>
@@ -124,6 +127,10 @@
       </div>
     </div>
 
+    <div class="sources-section">
+      <p>Sources for the information and pictures used in this project can be found <a href="sources.html">here</a>.</p>
+    </div>
+
   <div class="placeholder">
     <p>placeholder</p>
   </div>