/* 9. home credits */
.bottom-credits {
    color:var(--secondary);
    /*position: fixed;*/
    display: block;
    visibility: visible;
    width: auto;
    height: 20px;
    left: 20px;
    bottom: -14px;
    font-size: 9px;
    text-transform: uppercase;
    text-align: left;
    letter-spacing: 0.05em;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;
    z-index: 1002;
    background-color: var(--black);
    padding:2rem 1rem;
}

.bottom-credits.bottom-position {
    -webkit-transform: translateY(200px);
    -moz-transform: translateY(200px);
    -ms-transform: translateY(200px);
    -o-transform: translateY(200px);
    transform: translateY(200px);
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s;
    transition: all .7s;
}

.bottom-credits a,
.bottom-credits a:hover {
    color: var(--primary);
    text-decoration: none;
}

.bottom-credits {
    left: 40px;
    bottom: 16px;
}