#skiptocontent a {
    padding: 6px;
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    color: black;
    font-size: x-large;
    background-color: red;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    border-bottom-right-radius: 8px;
    -webkit-transition: top 1s ease-out, background 1s linear;
    transition: top 1s ease-out, background 1s linear;
    z-index: 10000;
}

    #skiptocontent a:focus {
        position: absolute;
        left: 0px;
        top: 0px;
        width: auto;
        height: auto;
        overflow: auto;
        outline: 0;
        -webkit-transition: top .1s ease-in, background .5s linear;
        transition: top .1s ease-in, background .5s linear;
    }