/* Styles/Home.css (page-only, NO hard-coded colors) */

/* Header size only (color comes from site.css) */
h1 {
    font-size: 2.5rem;
    margin-bottom: 20px;
}

/* Home image behavior (border/color handled by site.css, keep effects) */
img {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

img.hover-image:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.9);
}

/* Contact section sizing only */
.container h2 {
    font-size: 1.75rem;
    margin-bottom: 20px;
    padding-bottom: 5px;
}

/* Keep list layout without forcing colors */
.container ul {
    padding-left: 0;
}
.container ul li {
    margin: 10px 0;
}

/* Hover animation (home page only) */
.hover-image {
    transition: all 0.3s ease-in-out;
}
.hover-image:hover {
    animation: contrast-animation 1s infinite alternate;
}

@keyframes contrast-animation {
    0% { filter: contrast(100%); }
    50% { filter: contrast(200%); }
    100% { filter: contrast(100%); }
}