@keyframes fade-in-up {
    0% {
        opacity: 0;
        transform: translateY(1rem);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in-up {
    animation: fade-in-up 0.8s ease-out forwards;
}

html {
    scroll-behavior: smooth;
}

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

.font-serif {
    font-family: 'Merriweather', serif;
}

.bg-accent-600 {
    background-color: #4ade80;
}

.border-accent-600 {
    border-color: #4ade80;
}

.custom-hr {
    border: none;
    height: 2px;
    background-color: #4ade80;;
}

.custom-hr-wrapper::before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 1.5rem;
    height: 1.5rem;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><polygon points="50,5 60,40 95,50 60,60 50,95 40,60 5,50 40,40" fill="%234ade80"/></svg>') no-repeat center;
    background-size: contain;
    pointer-events: none;
}