#mouse {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0%;
    width: 100px;
    height: 100px;
    z-index: 9999;
}
#m_wheel {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0%;
    height: 20px;
    width: 14px;
    border-radius: 10px;
    border: 1.5px solid white;
}
#mouse #m_arrow{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 15%;
    
}
.fir, .sec, .thi {
    animation: mouse-scroll 1s infinite;
    width: 4px;
    height: 4px;
    margin: 0 0 2px 0;
    display: block;
    transform: rotate(45deg);
    border-right: 1.5px solid white;
    border-bottom: 1.5px solid white;
   
}
.fir {
    margin-top: 15px;
    animation-delay: .1s;
    animation-direction: alternate;
}
.sec {

    animation-delay: .2s;
    animation-direction: alternate;
}
.thi {

    animation-delay: .3s;
    animation-direction: alternate;
}
.wheel {
    margin-top: 4px;
    height: 4px;
    width: 1.5px;
    display: block;
    margin: 5px auto;
    background: white;
    /* position: relative; */
    animation: mouse-wheel 1.2s ease infinite;
}
@keyframes mouse-wheel {
    0% {
        opacity: 1;
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        transform: translateY(6px);
    }
}
@keyframes mouse-scroll {
    0%   { opacity: 0; }
    50%  { opacity: 0.5; }
    100% { opacity: 1; }
}
#m_txt {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 50%;
    color: #fff;
}