﻿#cursorEffect {
    position: relative;
    width: 100%;
    min-height: 200vh;
    overflow: hidden;
    display: grid;
}
.car {
    position: absolute;
    width: 35px;
    pointer-events: none;
    margin:auto;
    z-index: 10;
}

.car-soul {
    position: absolute;
    pointer-events: none;
    opacity: 0.45;
    filter: blur(0.4px);
    transform-origin: center;
    animation: carSoulFade 320ms linear forwards;
    z-index: 5;
}

@keyframes carSoulFade {
    from {
        opacity: 0.45;
    }

    to {
        opacity: 0;
    }
}
.car-enter {
    animation: carEnterFade 300ms ease-out forwards;
}
@keyframes carEnterFade {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}





