.cursor-dot,
.cursor-ring {
    position: fixed;
    left: 0;
    top: 0;
    pointer-events: none;
    z-index: 9999
}

.cursor-dot {
    width: 10px;
    height: 10px;
    background: #91b134;
    border-radius: 50%;
    transform: translate(-999px, -999px)
}

.cursor-ring {
    width: 24px;
    height: 24px;
    border: 2px solid #a87b5a;
    border-radius: 50%;
    transform: translate(-999px, -999px);
    transition: width .2s, height .2s, background .25s
}

[data-anim] {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity .7s, transform .7s
}

.in-view {
    opacity: 1;
    transform: none
}