.codrops-top{line-height:2.2;font-size:.69em;background:#fff;background:hsla(0,0%,100%,.6);width:100%}.codrops-top a{text-decoration:none;letter-spacing:.1em;display:inline-block;color:#888;padding:0 1em}.codrops-top a:hover{color:#716d62;background:hsla(0,0%,100%,.95)}.codrops-top span.right{float:right}.codrops-top span.right a{float:left;display:block}.codrops-icon:before{font-family:codropsicons;text-transform:none;font-weight:400;-webkit-font-smoothing:antialiased;margin:0 4px;font-variant:normal;line-height:1;speak:none;font-style:normal}.codrops-icon-drop:before{content:"\e001"}.codrops-icon-prev:before{content:"\e004"}.container>section{margin:0 auto;text-align:center;padding:3em}@media screen and (max-width:25em){.codrops-icon span{display:none}}.link-copy{right:2em;cursor:pointer;position:absolute;top:2em;height:20px;background:url(../img/link.svg/) no-repeat 50%;background-size:cover;width:20px}.link-copy:after{opacity:0;font-weight:700;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0);margin:0 1em 0 0;right:100%;color:#ddd;pointer-events:none;white-space:nowrap;position:absolute;font-size:.85em;-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;content:"Click to copy direct link"}.link-copy:hover:after{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.link-copy:before{left:50%;opacity:0;border-radius:50%;margin:-25px 0 0 -25px;position:absolute;top:50%;height:50px;background:#d94f5c;content:"";width:50px}.link-copy--animate:before{-webkit-animation:pulse .3s;animation:pulse .3s}@-webkit-keyframes pulse{0%{opacity:1;-webkit-transform:scale3d(0,0,1);transform:scale3d(0,0,1)}to{opacity:0;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{opacity:1;-webkit-transform:scale3d(0,0,1);transform:scale3d(0,0,1)}to{webkit-transform:scaleX(1);opacity:0;transform:scaleX(1)}}.github-corner:hover .octo-arm{animation:octocat-wave .56s ease-in-out}@keyframes octocat-wave{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}