.parallelogram{-webkit-clip-path:polygon(25% 0,100% 0,75% 100%,0 100%);clip-path:polygon(25% 0,100% 0,75% 100%,0 100%)}.shape-outer{background-image:linear-gradient(to bottom right,#000,#000);z-index:0}.clicker:before{content:"";position:absolute;width:100%;height:3px;border-radius:4px;background-color:#000;bottom:-.25rem;left:0;transform-origin:right;transform:scaleX(0);transition:transform .3s ease-in-out}.clicker:hover:before{transform-origin:left;transform:scaleX(1)}.arrows{width:60px;height:72px;position:absolute;left:50%;margin-left:-30px;bottom:20px}.arrows path{stroke:rgba(0,0,0,.3);fill:transparent;stroke-width:2px;animation:arrow 2s infinite;-webkit-animation:arrow 2s infinite}@keyframes arrow{0%{opacity:0}40%{opacity:1}80%{opacity:0}to{opacity:0}}.arrows path.a1{animation-delay:-1s;-webkit-animation-delay:-1s}.arrows path.a2{animation-delay:-.5s;-webkit-animation-delay:-.5s}.arrows path.a3{animation-delay:0s;-webkit-animation-delay:0s}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}0%{transform:translateY(-1rem);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}to{transform:translateY(-1rem);animation-timing-function:cubic-bezier(.8,0,1,1)}}.ani-bounce{animation:bounce 1s infinite}