Resolve "As a user, I want to see all trails across a town and seamlessly move between them."

Closes #27 (closed)

src/main/resources/static/css/allTrails.css

-.flexList {
+.centerFlex {
     display: flex;
-    list-style: none;
-    width: 100%;
-    padding-left:0;
-    margin-left:0;
     justify-content: center;
 }
+#allTrailsBar {
+    padding:0;
+    max-width: 60%;
+    height: 12svh;
+    margin: auto;
+    border-bottom: solid grey 4px;
+    border-top: solid grey 4px;
 
-.listButton {
-    flex: 1 1;
-    display: flex;
-    text-align: center;
-}
-
-.listA{
-    display: flex;
-    flex: 1 1;
-    padding: 15px;
-    transition: background-color 0.5s ease-out 100ms;
-    border-radius: 20px;
-}
-.listA:hover{
-    /*background-color: #656565;*/
 }
 .trailsImages {
-    flex: 1 1;
-    width: 150px;
+    margin-left:auto;
+    margin-right:auto;
+    margin-top: auto;
+    margin-bottom: auto;
+    height: 10svh;
+    width: 10svh;
     border-radius: 20px;
     transition: 0.5s ease-out 100ms;
+
 }
 .trailsImages:hover {
     box-shadow: 0 0 30px #bbbb00;
     transform: scale(1.2,1.2);
+    !important; overflow: visible;
 }
 
 .selected {