integrates mobile css into the main website

pages/basic.css

@@ -28,15 +28,15 @@ button:focus {
     outline: none;
 }
 
-a:link:not(.galleryLink), a:visited:not(.galleryLink){
+a:not(.galleryLink), a:visited:not(.galleryLink){
     color: #ffd256;
     border-radius: 2px;
     transition: background-color 0.5s, color 0.5s;
 }
 
-.galleryLink{
+.galleryLink{ /*class to be given to any link that doesnt want fancy yellow backgrounds on hover*/
     text-decoration: none;
-    color:#ffd256;
+    color:#181818;
 }
 
 h1{ 

pages/mainpage.css

@@ -27,6 +27,7 @@
     width: 30vw; 
     height: 30vw; 
     text-align: center;
+    margin: 0 auto;
 }
 
 .profileImage{
@@ -147,5 +148,89 @@
     margin-right: 27vw;
 }
 
+@media (orientation:portrait){
+    #Title{ 
+        font-size: 10vw;
+        margin-right: 50vw;
+    }
+    
+    .textBox{
+        font-size: 0.7rem;
+        margin-left: 2vw;
+        margin-right: 2vw;
+    }
+
+    .profileImageContainer{
+        margin: 2vh;
+        width: auto;
+        height: auto;
+    }
+    
+    .profileImage{
+        border-radius: 1vw; 
+    }
+
+    #galleryHeader{
+        margin-left: 2vw; 
+        margin-right: 2vw;
+        font-size: 0.7rem;
+    } 
+    
+    .gallery{
+        margin-left: 2vw;
+        margin-right: 2vw;
+        justify-content: flex-start;
+        flex-wrap: wrap;
+        height: 100vw;
+    }
+    
+    .galleryItem{
+        width: 20vw;
+        height: 20vw;
+        margin-bottom: 3vw;;
+    }
+    
+    .galleryPopup{
+        visibility: visible;
+        opacity: 1;
+        z-index: 0;
+        position: static;
+        background-color: transparent;
+        color: #ffd256;
+        width: 73.5vw;
+        height: 20vw;
+        margin-top: 0vh;
+    }
+
+    .popupTongue{
+        display: none;
+    }
+    
+    .popupImage{
+        display: none;
+    }
+    
+    .galleryImage{
+        border-radius: 2px;
+    }
+
+    
+    #galleryOutroLink{
+        font-size: 0.7rem;
+    }
+    
+    #outroText{
+        margin-top: 12vh;
+        margin-bottom: 20vh;
+        margin-left: 2vw;
+        margin-right: 2vw;
+    }
+
+    .galleryLink{ /*this is set in basics, but the gallery on mobile will want to be different*/
+        text-decoration: none;
+        color:#ffd256;
+    }
+}
+