* {
    cursor: none;
}


.custom-cursor {
    position: fixed;
    width: 64px;
    height: 64px;
    pointer-events: none;
    z-index: 999999999999;
    transform: translate(-50%, -50%);
}

.cursor-main {

    position: absolute;
    width: 64px;
    height: 64px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cg transform='rotate(45 24 24)'%3E%3Crect x='23' y='9' width='2' height='30' fill='%23c20000'/%3E%3Crect x='9' y='23' width='30' height='2' fill='%23c20000'/%3E%3Crect x='23.5' y='9' width='1' height='30' fill='%23ffffff'/%3E%3Crect x='9' y='23.5' width='30' height='1' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
}

.cursor-trail {
    position: absolute;
    translate: -32px -32px;
    width: 64px;
    height: 64px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cg transform='rotate(45 24 24)'%3E%3Crect x='23' y='9' width='2' height='30' fill='%23c20000' opacity='0.3'/%3E%3Crect x='9' y='23' width='30' height='2' fill='%23c20000' opacity='0.3'/%3E%3Crect x='23.5' y='9' width='1' height='30' fill='%23ffffff' opacity='0.3'/%3E%3Crect x='9' y='23.5' width='30' height='1' fill='%23ffffff' opacity='0.3'/%3E%3C/g%3E%3C/svg%3E") no-repeat center;
    background-size: contain;
    animation: trail 0.5s ease-out forwards;
}

@keyframes trail {
    0% {
        opacity: 0.8;
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(0.8);
    }
}

@media screen and (max-width: 1024px) {


    .custom-cursor, .cursor-main, .cursor-trail {
        display: none;

    }


}