/* ===========================
   CUSTOM CURSOR
=========================== */

body{
    cursor: default;
}

.cursor-ring{

    position: fixed;

    width: 28px;

    height: 28px;

    border: 2px solid #1EA6E8;

    border-radius: 50%;

    pointer-events: none;

    transform: translate(-50%, -50%);

    transition:
        width .2s ease,
        height .2s ease,
        transform .08s linear;

    z-index: 99999;

}

/* Hover Effect */

.cursor-ring.hover{

    width: 42px;

    height: 42px;

    border-color: #38BDF8;

}