/* Global Page Setup */
html, body {
height: 100%;
margin: 0;
padding: 0;
font-family: "Verdana", sans-serif;
color: #333; !important; /* Dark gray text */ 
line-height: 1.6;
background: linear-gradient(to bottom right, #40E0D0, #ff6f61) !important;
}

.gallery {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 15px;
margin: 20px 0;
}

.gallery img {
width: 100%;
height: 250px;
object-fit: cover;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0,0,0,0.2);
}

/* Divider Icons */
div.divider-icons {
text-align: center !important;
margin: 20px 0 !important;
}

h1.page-title {
text-align: center !important;
color: #FF6F61 !important; /* Coral Pink */
}

p.date-location {
text-align: center !important;
font-style: italic !important;
color: #FF6F61 !important; /* Coral Pink */
margin-top: 10px !important;
}

/* Footer - Made with Love */
footer p.made-with-love {
text-align: center !important;
font-style: italic !important;
font-weight: bold !important;
color: #FF6F61 !important; /* Coral Pink */
text-shadow: 1px 1px 2px rgba(0,0,0,0.3) !important;
margin-top: 20px !important;
}

/* Song Player */
audio {
display: block;
margin: 0 auto; /* centers the player */
}

/* Divider Icons */
div.divider-icons {
text-align: center !important;
margin: 20px 0 !important;
}

p {
color: #333 !important; /* Dark gray text for all paragraphs */

h2, h3, h4, h5, h6 {
color: #333 !important; /* Dark gray headings */
}

body h2, body h3, body h4, body h5, body h6 {
color: #333 !important; /* Dark gray headings */
}

h2, h3 {
color: #FF6F61 !important; /* Coral Pink */
text-align: center !important;
}

/* Force headings to Coral Pink */
h2, h3 {
color: #FF6F61 !important; /* Coral Pink */
text-align: center !important;
}

/* Force links (like View Tribute Keepsake) to Coral Pink */
a {
color: #FF6F61 !important;
font-weight: bold !important;
text-decoration: underline !important;
}

section, div, main, footer {
background: transparent !important;
}

:root {
/* Headings */
--h1-color: #FF6F61 !important; /* Coral Pink */
--h2-color: #FF6F61 !important;
--h3-color: #FF6F61 !important;
--h4-color: #FF6F61 !important;
--h5-color: #FF6F61 !important;
--h6-color: #FF6F61 !important;

/* Links */
--primary: #FF6F61 !important; /* Coral Pink */
--primary-hover: #e65b54 !important; /* Slightly darker Coral Pink for hover */
}