add image gallery button

activities.html

@@ -34,6 +34,10 @@ <h1>Welcome to the more activities page!</h1>
                 <button>Draw!</button>
             </a>
             <p id="para4">Draw with freakybob. That's it.</p>
+            <a href="https://freakybob-team.github.io/image-gallery/" id="img-gallery">
+                <button>Image Gallery</button>
+            </a>
+            <p id="para5">Check the images of Freakybob-related stuff!</p>
 
     <audio>
         <source src="https://archive.org/download/wiiumusic/49%20-%20Mii%20Maker%20-%20Editing%20a%20Mii%20Gamepad.mp3" type="audio/mp3" autoplay loop />

css/activities.css

@@ -34,6 +34,13 @@ h1 {
     margin-top: 20px; 
     margin-bottom: 20px;
 }
+#para5 {
+    margin-left: -510px;
+    color: rgb(229, 236, 13);
+    font-size: 16px;
+    margin-top: 20px;
+    margin-bottom: 20px;
+}
 .button-container {
     text-align: center;
     margin-top: 20px;
@@ -85,6 +92,9 @@ margin-right: 500px;
 #draw {
 margin-right: 500px;
 }
+#img-gallery {
+    margin-right: 500px;
+}
 @media screen and (max-width: 600px) {
 #countdown {
 margin-right: 0px;
@@ -98,6 +108,10 @@ margin-right: 0px;
 #para2 {
 margin-left: 0px;
 }
+
+#img-gallery {
+    margin-right: 0px;
+}
 .button-container button {
 margin-top: 12px;
 padding: 15px 25px;