Minor css changes for mobile

pages/AllProjects.css

@@ -1,13 +1,18 @@
+#Title{
+    max-width: 15vw;
+    margin-bottom: 10vh;
+    transition: background-color 0.5s
+}
 
+#Title:hover{
+    background-color: var(--highlight);
+    color: var(--base);
+}
 
 h1{
     font-size: 2rem;
 }
 
-h2{
-    margin-bottom: 10vh;
-}
-
 .item{
     display: flex;
     margin-top: 4vh;
@@ -68,3 +73,28 @@ h2{
 a.galleryLink{  
     text-decoration: none;
 }
+
+@media (orientation:portrait){
+    body{
+        padding: 5vw;
+    }
+
+    .galleryLink{
+        font-size: 2rem;
+    }
+
+    .galleryImage{
+        visibility: visible;
+        max-height: 10vh;
+        margin-top:5px;
+    }
+
+    #Title{
+        max-width: 80vw;
+        font-size: 3rem;
+    }
+
+    h1{
+        font-size: 5rem;
+    }
+}