@media (max-width: 768px) {
html::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 7px;
    background: rgb(105, 63, 255);
    transform: scaleX(0);
    transform-origin: left;
    opacity: 0;
    transition: opacity 0.12s ease;
    z-index: 999999;
}

html.is-navigating::before {
    opacity: 1;
    animation: navBar 2.2s ease-out forwards;
}

@keyframes navBar {
    0%   { transform: scaleX(0.05); }
    70%  { transform: scaleX(0.65); }
    99% { transform: scaleX(0.99); }
}
}