@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

body {
    font-family: 'Inter', system-ui, sans-serif;
}

.hero-bg {
    background-image: linear-gradient(rgba(0,0,0,0.65), rgba(0,0,0,0.75)), url('./pics/background.JPG');
    background-size: cover;
    background-position: center;
}

/* Gallery masonry */
.gallery-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 16px;
}

.gallery-item {
    transition: transform 0.3s ease;
}

.gallery-item:hover {
    transform: scale(1.03);
}

/* Confirmation page styling */
.confirmation {
    animation: fadeIn 0.6s ease forwards;
}



@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}