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


#hero_button {

}

/* 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);
    }
} */