From 78a208459ba513af92518dab4fc89e6b66b8ebc0 Mon Sep 17 00:00:00 2001
From: Nye Evans <nyeevans@outlook.com>
Date: Fri, 24 Sep 2021 23:58:56 +0100
Subject: [PATCH] fixes issues with gallery

- adds hysteresis-kinda-thing so button doesnt move away from users mouse
---
 index.html         | 7 ++++---
 pages/mainpage.css | 7 ++++---
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index 48534ce..c083868 100644
--- a/index.html
+++ b/index.html
@@ -129,9 +129,10 @@
                 </a>
             </div>
         </div>
-        <div id="galleryOutroLink">
-            <a href = "pages/AllProjects.html">See all my projects here</a>
-        </div>
+        
+    </div>
+    <div id="galleryOutroLink">
+        <a href = "pages/AllProjects.html">See all my projects here</a>
     </div>
 
     <div class = "textBox" id= "outroText">
diff --git a/pages/mainpage.css b/pages/mainpage.css
index cd5f90e..381a82f 100644
--- a/pages/mainpage.css
+++ b/pages/mainpage.css
@@ -51,13 +51,14 @@
     margin-left: 10vw;
     margin-right: 10vw;
     height: 19vh;
-    margin-bottom: 0vh;
-    transition: margin-bottom 0.5s;
+    margin-bottom: 5vh;
+    transition: margin-bottom 2s 2s ease-in;
     justify-content: space-evenly;
 }
 
 .galleryContainer:hover .gallery{
-    margin-bottom: 36vh;  
+    margin-bottom: 28vh;  
+    transition: 0.5s;
 }
 
 .galleryItem{