:where([class^="ri-"])::before {
    content: "\f3c2";
}

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

.logo {
    font-family: 'Pacifico', serif;
}

html {
    scroll-behavior: smooth;
}

.fade-in {
    animation: fadeIn 0.6s ease-out;
}

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

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.table-of-contents {
    position: sticky;
    top: 100px;
}

@media (max-width: 1024px) {
    .table-of-contents {
        position: static;
    }
}