*{margin:0;padding:0}html,body{height:100%}section{position:relative;width:100%;height:100%}section::after{position:absolute;bottom:0;left:0;content:'';width:100%;height:80%;background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 80%,rgba(0,0,0,.8) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 80%,rgba(0,0,0,.8) 100%)}.demo a{position:absolute;bottom:20px;top:150px;left:50%;z-index:2;display:inline-block;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff !important;letter-spacing:.1em;font-weight:normal;font-size:14px;text-decoration:none;transition:opacity .3s}.demo a:hover{opacity:1}a:link{color:#fff !important}a:visited{color:#fff !important}a:hover{color:#fff !important}a:active{color:#fff !important}#section2 a{padding-top:70px}#section2 a span{position:absolute;top:0;left:50%;width:24px;height:24px;margin-left:-12px;border-left:1.5px solid #fff;border-bottom:1.5px solid #fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:sdb05 1.5s infinite;animation:sdb05 1.5s infinite;box-sizing:border-box}@-webkit-keyframes sdb05{0%{-webkit-transform:rotate(-45deg) translate(0,0);opacity:0}50%{opacity:1}100%{-webkit-transform:rotate(-45deg) translate(-20px,20px);opacity:0}}@keyframes sdb05{0%{transform:rotate(-45deg) translate(0,0);opacity:0}50%{opacity:1}100%{transform:rotate(-45deg) translate(-20px,20px);opacity:0}}@media(max-width:479px){.demo a visibility:hidden;display:none}