.post-navigation {
    display: flex;
    gap: 30px;
    justify-content: center;
    margin: 20px 0;
}
.nav-link {
    background: black url('../images/icon-pointer.svg') no-repeat 36px center;
    background-size: 36px auto;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    cursor: pointer;
    display: block;
}
.nav-link.disabled {
    color: #999;
    border-color: #999;
    pointer-events: none;
    visibility: hidden;
}

.nav-link.prev-link {
    transform: rotate(180deg);
    transform-origin: center center;
}

.nav-link.top-link {
    transform: rotate(-90deg);
    transform-origin: center center;
}

.social-wrap {
    display: flex;
    padding: 80px 80px 80px 80px;
    box-sizing: border-box;
    justify-content: center;
    gap: 8vw;
}

.social-wrap a {
    display: block;
    width: 80px;
    height: 80px;
    text-indent: -9999px;
}

.social-wrap a.socialmedia-linkedin {
    background: url('../images/icon-linkedin.svg') no-repeat center center;
    background-size: 40px auto;
}

.social-wrap a.socialmedia-instagram {
    background: url('../images/icon-instagram.svg') no-repeat center center;
    background-size: 40px auto;
}

.social-wrap a.socialmedia-whatsapp {
    background: url('../images/icon-whatsapp.svg') no-repeat center center;
    background-size: 40px auto;
}

.social-wrap a.socialmedia-tiktok {
    background: url('../images/icon-tiktok.svg') no-repeat center center;
    background-size: 40px auto;
}

.social-wrap a.socialmedia-email {
    background: url('../images/icon-mail.svg') no-repeat center center;
    background-size: 40px auto;
}

@keyframes scroll-background {
from {
    background-position: 0 center;
}
to {
    background-position: -100vw center;
}
}

.contact-me,
.follow-me {
width: 100vw;
height: 90px;
background: black;
color: white;
font-size: 24px;
font-family: Arial, sans-serif;
display: flex;
justify-content: center;
align-items: center;
background: black url('../images/footer-contact-me.png') repeat-x left center;
background-size: auto 70px;
animation: scroll-background 30s linear infinite;
}

.follow-me {
background: #2f2f2f url('../images/footer-follow-me.png') repeat-x left center;
background-size: auto 70px;
animation-direction: reverse;
}

.copyright {
    padding: 20px 80px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}

.copyright a {
    color: #1a9ebe;
    text-decoration: none;
}

.copyright a:hover {
    color: black;
}

@media (max-width: 768px) {
    .social-wrap {
        padding: 20px;
        gap: 20px;
    }
    .copyright {
        padding: 20px;
        gap: 10px;
        flex-direction: column;
    }
}