@import "https://cdn.jsdelivr.net/npm/bulma@0.9.2/css/bulma.min.css";
body {
    padding-bottom: 50px;
}

html, body {
  margin: 0;
  padding: 0;
}

.site-footer {
  margin-top: 4rem; /* Vertical space between body and footer */
  margin-bottom: 0; /* Explicitly set to 0 */
  padding: 2rem 0;
  background-color: #666; /* Gray background */
  font-size: 0.875rem; /* Small type */
  color: #fff; /* White text */
}

.footer-content {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
  text-align: center;
}

.copyright {
  margin: 0 0 0.5rem 0;
  color: #fff; /* White text */
}

.social-links {
  display: flex;
  gap: 1rem;
  justify-content: left;
}

.social-links a {
  color: #fff; /* White links */
  text-decoration: none;
  transition: color 0.2s;
}

.social-links a:hover {
  color: #ddd; /* Slightly dimmed on hover */
}

.social-links a:not(:last-child)::after {
  content: " | ";
  margin-left: 1rem;
  color: #fff;
}