.cursor-blow {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 5px solid #000;
    position: absolute;
    z-index: 99999999;
    margin-left: -75px;
    margin-top: -75px;
    cursor: pointer;
    -webkit-animation: blow 1s linear 0s 1 normal;
}
.cursor-lines {
    position: absolute;
    z-index: 99999999;
    width: 0;
    height: 20px;
    border: 2px solid #000;
    -webkit-transform-origin: 50% 0%;
    margin: 0 0 0 -2px
}
body.color-preference-white-black .cursor-blow {
    border-color: #fff;
}
body.color-preference-white-black .cursor-lines {
    border-color: #fff;
}
body.color-preference-blue-yellow .cursor-blow {
    border-color: #0000fe;
}
body.color-preference-blue-yellow .cursor-lines {
    border-color: #0000fe;
}

.cursor-line1 {
    width: 0;
    -webkit-animation: cursor-slide1 1s linear .75s 1 normal;
}

.cursor-line2 {
    -webkit-transform: rotate(-90deg);
    -webkit-animation: cursor-slide2 1s linear  .75s 1 normal;
}

.cursor-line3 {
    -webkit-transform: rotate(-180deg);
    -webkit-animation: cursor-slide3 1s linear  .75s 1 normal;
}

.cursor-line4 {
    -webkit-transform: rotate(90deg);
    -webkit-animation: cursor-slide4 1s linear  .75s 1 normal;
}

@-webkit-keyframes cursor-blow {
    0% {
        -webkit-transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1.5);
    }
}

@-webkit-keyframes cursor-slide1 {
    0% {
        -webkit-transform: scaleY(1);
    }
    100% {
        -webkit-transform: scaleY(7);
    }
}

@-webkit-keyframes cursor-slide2 {
    0% {
        -webkit-transform: rotate(-90deg) scaleY(1);
    }
    100% {
        -webkit-transform: rotate(-90deg) scaleY(7);
    }
}

@-webkit-keyframes cursor-slide3 {
    0% {
        -webkit-transform: rotate(-180deg) scaleY(1);
    }
    100% {
        -webkit-transform: rotate(-180deg) scaleY(7);
    }
}

@-webkit-keyframes cursor-slide4 {
    0% {
        -webkit-transform: rotate(90deg) scaleY(1);
    }
    100% {
        -webkit-transform: rotate(90deg) scaleY(7);
    }
}