/* Navigation item animation delays */
.navbar a[href="#home"] {
    --i: 1;
}
.navbar a[href="#about"] {
    --i: 2;
}
.navbar a[href="#skills"] {
    --i: 3;
}
.navbar a[href="#education"] {
    --i: 4;
}
.navbar a[href="#contact"] {
    --i: 6;
}

/* Social media animation delays */
.home-sic a:nth-child(1) {
    --i: 6;
}
.home-sic a:nth-child(2) {
    --i: 7;
}
.home-sic a:nth-child(3) {
    --i: 8;
}
.home-sic a:nth-child(4) {
    --i: 9;
}

/* Additional CSS fixes for model-viewer and animations */

/* Smooth model-viewer camera orbit transitions and prevent micro-vibrations */
model-viewer {
    --model-viewer-transition-duration: 1.5s !important;
    --model-viewer-easing: cubic-bezier(0.23, 1, 0.32, 1) !important;
    will-change: transform;
    transform-style: preserve-3d;
    backface-visibility: hidden;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}

/* Prevent transform jitter by using hardware acceleration */
model-viewer, .transform-element {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
}