*{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;left:50%;z-index:2;display:inline-block;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);color:#fff;font:normal 400 20px/1 'Josefin Sans',sans-serif;letter-spacing:.1em;text-decoration:none;transition:opacity .3s}.demo a:hover{opacity:.5}#section05 a{padding-top:70px}#section05 a span{position:absolute;top:0;left:50%;width:24px;height:24px;margin-left:-12px;border-left:1px solid #fff;border-bottom:1px 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}}