.social-footer {
            text-align: center;
            padding: 10px 0;
        }
        .social-footer h5 {
            font-family: Georgia, serif;
            font-size: 1.1em;
            margin: 0 0 15px;
            color: #555;
        }
        .social-links {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
            gap: 15px;
        }
        .social-item {
            display: inline-flex;
            flex-direction: column;
            align-items: center;
        }
        .social-link {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background-color: #6c757d;
            color: white;
            text-decoration: none;
            transition: all 0.3s ease;
        }
        .social-link:hover {
            transform: translateY(-3px);
            color: white;
        }
        .social-link.mastodon:hover {
            background-color: #6364FF;
        }
        .social-link.youtube:hover {
            background-color: #FF0000;
        }
        .social-link.instagram:hover {
            background-color: #E4405F;
        }
        .social-link.coming-soon {
            opacity: 0.5;
            cursor: not-allowed;
        }
        .social-link.coming-soon:hover {
            transform: none;
            background-color: #6c757d;
        }
        .coming-soon-text {
            font-size: 0.75em;
            color: #888;
            margin-top: 5px;
        }
.social-footer {
	background-color: #f8f9fa;
	border-top: 1px solid #dee2e6;
}
.social-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #6c757d;
	color: white;
	text-decoration: none;
	transition: all 0.3s ease;
	margin: 0 5px;
}
.social-link:hover {
	transform: translateY(-3px);
	color: white;
}
.social-link.mastodon:hover {
	background-color: #6364FF;
}
.social-link.youtube:hover {
	background-color: #FF0000;
}
.social-link.instagram:hover {
	background-color: #E4405F;
}
.social-link.coming-soon {
	opacity: 0.5;
	cursor: not-allowed;
}
.social-link.coming-soon:hover {
	transform: none;
	background-color: #6c757d;
}
.coming-soon-text {
	font-size: 0.75rem;
	color: #6c757d;
	margin-top: 5px;
}