/* css styles */
.quarto-title>h1.title {
    opacity: 0 !important;
}


/* Navbar highlights: green palette matching the homepage CTA.
   The navbar uses data-bs-theme="dark", so we must match that selector's
   specificity to override the default --bs-navbar-* values. */
.navbar,
.navbar[data-bs-theme="dark"] {
    --bs-navbar-hover-color: #53771d;
    --bs-navbar-active-color: #53771d;
    --bs-navbar-brand-hover-color: #53771d;
}

/* hover animation */
.hero-animation {
    transition: 0.4s ease;
    border-radius: 10%;
    clip-path: circle(100% at center);
}
.hero-animation:hover {
    clip-path: circle(50% at center);
}

/* continuous animation  */
/*
.hero-animation {
    animation: clip 5s infinite
}

@keyframes clip {
    0% {
        clip-path: circle(100% at center);
    }

    50% {
        clip-path: circle(50% at center);
    }

    100% {
        clip-path: circle(100% at center);
    }
} */