.scroll-notify {position: absolute;bottom: 0;width: 100%;}
.mouse{margin: 35px auto;width: 25px;}
.mouse-icon{width: 25px;height: 38px;border-width: 2px;border-style: solid;border-radius: 15px;position: relative;text-align: center;}
.mouse-wheel{height: 6px;margin: 2px auto 0;display: block;width: 3px;border-radius: 50%;-webkit-animation: 1.8s ease infinite wheel-up-down;-moz-animation: 1.8s ease infinite wheel-up-down;animation: 1.8s ease infinite wheel-up-down;}
.scroll-notify .text {position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
@-webkit-keyframes wheel-up-down {0% {margin-top: 2px;opacity: 0;}30% {opacity: 1;}100% {margin-top: 20px;opacity: 0;}}
@-moz-keyframes wheel-up-down { 0% {margin-top: 2px;opacity: 0;}30% {opacity: 1;}100% {margin-top: 20px;opacity: 0;}}
@keyframes wheel-up-down {0% {margin-top: 2px;opacity: 0;}30% {opacity: 1;}100% {margin-top: 20px;opacity: 0;}}