.line2 {
    position: var(--footer-position, fixed);
    bottom: var(--footer-bottom, 0);
    left: 0;
    width: 100%;

    background-color: var(--footer-bg, #330033);
    color: var(--footer-text, #ffffff);
    box-shadow: 0 -4px 8px var(--footer-shadow, rgba(0,0,0,0.6));

    padding: 15px 0;
    text-align: center;
    z-index: 5;
}

.line2 img {
    width: 50px;
}

.textdown {
    color: var(--footer-text, #ffffff);
    font-size: 18px;
    margin-top: 5px;
}

.social-links {
    margin-top: 5px;
}

.social-links a {
    color: var(--footer-link, #8F00FF);
    text-decoration: none;
    margin: 0 8px;
    font-size: 14px;
}

.social-links a:hover {
    text-decoration: underline;
}

@media (max-width: 768px) {
    .line2 img {
        width: 40px;
    }

    .textdown {
        font-size: 16px;
    }

    .social-links a {
        font-size: 12px;
        margin: 0 5px;
    }
}