.page {
    cursor: url(../image/dotBlack.png) 13 13, auto !important;
}
.ea-bootstrap .btn,
.misha_loadmore,
.page a,
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
a,
button:not(:disabled) {
    cursor: url(../image/dotBlack.png) 13 13, auto !important;
}

a.hover-target, a .hover-target{
    cursor: none!important;
}
body.tutorial {
    --color-text: #fff;
    --color-bg: #fff;
    --color-link: #ff0000;
    background-color: var(--color-bg)
}

.page {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.page__inner {
    display: flex;
    justify-content: center;
    width: 100%
}

.cursor {
    position: fixed;
    left: 0;
    top: 0;
    pointer-events: none
}

.cursor--small {
    width: 5px;
    height: 5px;
    left: -2.5px;
    top: -2.5px;
    border-radius: 50%;
    z-index: 11000;
    background: #bbb
}

.cursor--canvas {
    width: 100vw;
    height: 100vh;
    z-index: 12000
}

@media(max-width:768px) {
    .page__inner {
        display: block
    }
}

@media only screen and (max-device-width:480px) {
    .page {
        cursor: none
    }
}

@media only screen and (max-device-width:768px) {
    .page {
        cursor: none
    }
    .cursor,
    .cursor--canvas,
    .cursor--small {
        display: none !important;
        background: 0 0 !important
    }
}


.cursor {
            position: fixed;
            top: -10px;
            left: -10px;
            width: 20px;
            height: 20px;
            background: transparent;
            border: none;
            border-radius: 50%;
            pointer-events: none;
            transition: 0.1s ease;
            z-index: 10;
        }

        .cursor--hidden {
            opacity: 0.7;
            transform: scale(0.8);
        }

        .cursor--hover {
          top: -25px;
          left: -25px;
          width: 80px;
          height: 80px;
          ocapity: 1;
          background: #d5da2e;
          border: 2px solid #d5da2e;
          mix-blend-mode: difference;
        }
    .spinnyText{
      opacity: 0;
      position: absolute;
      width: 110px;
      height: 110px;
      top: -17px;
      left: -17px;
      transition: 0.1s ease;
        -webkit-animation:spin 10s linear infinite;
        -moz-animation:spin 10s linear infinite;
        animation:spin 10s linear infinite;
    }
    .cursor--hover .spinnyText{
      opacity: 1;
    }
    @-moz-keyframes spin {
        100% { -moz-transform: rotate(360deg); }
    }
    @-webkit-keyframes spin {
        100% { -webkit-transform: rotate(360deg); }
    }
    @keyframes spin {
        100% {
            -webkit-transform: rotate(360deg);
            transform:rotate(360deg);
        }
    }