.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.text-acid-outline {
    -webkit-text-stroke: 1px #9500C8;
    color: transparent;
}

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

h1,
h2,
h3,
h4 {
    font-family: 'Epilogue', sans-serif;
}

.nav-link {
    color: #2d2f2f;
    opacity: 0.7;
    transition: opacity 0.2s, color 0.2s;
}

.nav-link.active {
    opacity: 1;
    color: #9500c8;
    font-weight: 700;
    border-bottom: 2px solid #9500c8;
    padding-bottom: 4px;
}