.codrops-top{font-size:.69em;background:#fff;background:hsla(0,0%,100%,.6);width:100%;line-height:2.2}.codrops-top a{padding:0 1em;text-decoration:none;color:#888;letter-spacing:.1em;display:inline-block}.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-weight:400;font-style:normal;font-variant:normal;text-transform:none;speak:none;margin:0 4px;-webkit-font-smoothing:antialiased;line-height:1;font-family:codropsicons}.codrops-icon-drop:before{content:"\e001"}.codrops-icon-prev:before{content:"\e004"}.container>section{padding:3em;text-align:center;margin:0 auto}@media screen and (max-width:25em){.codrops-icon span{display:none}}.link-copy{height:20px;right:2em;position:absolute;top:2em;background:url(https://hyrven.info/ortak/v2.5/img/link.svg) no-repeat 50%;background-size:cover;cursor:pointer;width:20px}.link-copy:after{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0);pointer-events:none;font-size:.85em;font-weight:700;right:100%;color:#ddd;-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;content:"Click to copy direct link";position:absolute;opacity:0;margin:0 1em 0 0;white-space:nowrap}.link-copy:hover:after{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}.link-copy:before{height:50px;content:"";position:absolute;opacity:0;top:50%;margin:-25px 0 0 -25px;border-radius:50%;background:#d94f5c;left:50%;width:50px}.link-copy--animate:before{-webkit-animation:pulse .3s;animation:pulse .3s}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(0,0,1);transform:scale3d(0,0,1);opacity:1}to{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:0}}@keyframes pulse{0%{-webkit-transform:scale3d(0,0,1);transform:scale3d(0,0,1);opacity:1}to{webkit-transform:scaleX(1);transform:scaleX(1);opacity:0}}.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)}}