final push of tonight, reworking the art on the main branch

pages/mainpage.css

@@ -17,8 +17,6 @@ body{
 
 
 h1, h2, h3{
-    background-color: #ffa500;
-    background: radial-gradient(#E39823 40%, #8D5001);
     border-radius: 5px;
     font-size: clamp(12px, 1vw, 50px);
     padding: 1.3vh;
@@ -57,14 +55,12 @@ button{
 
 
 .orangeBack{ /*for anything that isnt a <h> tag*/
-    background-color: #ffa500;
-    background: radial-gradient(#E39823 40%, #8D5001);
     border-radius: 5px;
     padding: 5px;
 }
 
 .orangeBorder{
-    border: 5px outset #E39823;
+    border: 5px outset #ffd256;
     border-radius: 5px;
 }
 
@@ -116,7 +112,6 @@ button{
 .GalleryImage{ /*all images should be 700x700*/
     grid-column: 2/8;
     grid-row: 2/11;
-    border-bottom-left-radius: 5px;
 
     object-fit: cover;
 
@@ -124,6 +119,15 @@ button{
     height: 100%;
 }
 
+img.GalleryImage{
+    border: 2px solid #ffd256;
+    border-bottom-left-radius: 5px;
+    border-top-right-radius: 5px;
+    box-sizing: border-box;
+
+    padding: 5;
+}
+
 .GalleryTitle{
     grid-column: 2/12;
     grid-row: 1;
@@ -135,6 +139,10 @@ button{
     border-radius: 0;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
+
+    border-left: 2px solid #ffd256;
+    border-top: 2px solid #ffd256;
+    border-right: 2px solid #ffd256;
 }
 
 .GalleryCaption{
@@ -143,6 +151,9 @@ button{
 
     border-radius: 0;
     border-bottom-right-radius: 5px;
+
+    border-bottom: 2px solid #ffd256;
+    border-right: 2px solid #ffd256;
 }
 
 .GalleryLeftArrow{