diff --git a/pages/mainpage.css b/pages/mainpage.css index 0b9fd8c..3fc0802 100644 --- a/pages/mainpage.css +++ b/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 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{