/* cf. https://codepo8.github.io/css-fork-on-github-ribbon/ */

.forkongithub a {
    background:#000;color:#fff;text-decoration:none;
    font-family:arial,sans-serif;
    font-size: 16px;
    text-align:center;font-weight:bold;padding:5px 40px;line-height:2rem;position:relative;transition:0.5s;
}
.forkongithub a:hover{
    background:#c11;color:#fff;
}

.forkongithub a::before,.forkongithub a::after{
    content:"";width:100%;display:block;position:absolute;top:1px;left:0;height:1px;background:#fff;
}
.forkongithub a::after{
    bottom:1px;top:auto;
}

@media screen and (min-width:1000px) {
    .forkongithub {
        position:fixed;display:block;top:0;left:0;width:200px;overflow:hidden;height:200px;z-index:9999;
    }
    .forkongithub a {
        width:260px;position:absolute;top:60px;left:-60px;
        -webkit-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
        -moz-transform:rotate(-45deg);
        -o-transform:rotate(-45deg);
        transform:rotate(-45deg);
        /*box-shadow:4px 4px 10px rgba(0,0,0,0.8);*/
    }
}