.mouse{position:absolute;left:30px;bottom:0;width:28px;height:90px;transform:translateX(-50%);z-index:10}.mouse:after,.mouse:before{content:"";position:absolute;left:50%}.mouse:before{top:8px;width:2px;height:10px;transform:translateX(-50%);background:#fff;border-radius:2px;animation:scrolling 2s ease-in-out infinite}.mouse:after{top:0;left:0;width:28px;height:48px;border-radius:16px;border:1.5px solid #fff}@keyframes scrolling{0%{opacity:0;top:8px}10%{opacity:0;top:8px}20%{opacity:1;top:8px}50%{opacity:1;top:14px}60%{opacity:0;top:14px}to{opacity:0;top:14px}}.mouse .arrow2{position:absolute;left:50%;transform:translateX(-50%) rotate(45deg);border:solid #fff;border-width:0 1px 1px 0;width:8px;height:8px}.mouse .arrow2:first-child{top:56px;animation:arrowone 2s infinite}.mouse .arrow2:nth-child(2){top:68px;animation:arrowtwo 2s infinite}.mouse .arrow2:nth-child(3){top:80px;animation:arrowthree 2s infinite}@keyframes arrowone{0%{opacity:0}50%{opacity:0}65%{opacity:1}80%{opacity:0}to{opacity:0}}@keyframes arrowtwo{0%{opacity:0}60%{opacity:0}75%{opacity:1}90%{opacity:0}to{opacity:0}}@keyframes arrowthree{0%{opacity:0}70%{opacity:0}85%{opacity:1}to{opacity:0}}@media screen and (max-width:768px){.mouse{display:none}}