:root {
    --color-primary: #9B7EDA;
    --text-primary: var(--color-primary);
    --bg-primary: var(--color-primary);
}

* {
    padding: 0;
    margin: 0;
    scroll-padding: 4rem;
    box-sizing: border-box;
    scroll-behavior: smooth;
}

.text-primary {
    color: var(--text-primary);
}

.bg-primary {
    background-color: var(--bg-primary);
}

@keyframes animate-Title {
    0% {
        color: transparent;
    }

    100% {
        color: var(--color-primary);
    }
}

#mtc_Title {
    -webkit-text-stroke: 2px var(--color-primary);
    animation: animate-Title 2s infinite alternate;

}

#mtc_Title:hover {
    color: var(--text-primary);
    animation: none
}