adds interactivity to css

borders now only appear on hover
transition time added

pages/mainpage.css

@@ -30,6 +30,8 @@ button:focus {
 
 a:link, a:visited{
     color: #ffd256;
+    border-radius: 2px;
+    transition: background-color 0.5s, color 0.5s;
 }
 
 h1{ 
@@ -54,10 +56,17 @@ h1{
 }
 
 .orangeBorder{
-    border: 2px solid #ffd256;
+    border: 2px solid transparent;
     border-radius: 5px;
 
     padding: 5px;
+
+    transition: border 0.5s;
+}
+
+.orangeBorder:hover{
+    border: 2px solid #ffd256;
+    padding: 5px;
 }
 
 .textBox{
@@ -72,7 +81,8 @@ h1{
 
 .profileImage{
     width: 30vw; 
-    height: auto; 
+    height: 30vw; 
+    text-align: center;
 }
 
 #galleryHeader{
@@ -114,7 +124,7 @@ h1{
     border-bottom-left-radius: 5px;
     box-sizing: border-box;
 
-    padding: 5;
+    padding: 5px;
 }
 
 .galleryLink{