/*=========== Footer Styles ===========*/


.site-footer {
    background: var(--surface);
    color: var(--surface-contrast);
    transition: 0.5s ease-in-out;
    padding: 3rem 0;
}

.site-footer h2 {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

.site-footer p, .site-footer a {
  font-size: 0.95rem;
  color: #444;
}

.footer-links a {
  display: inline-block;
  margin-right: 1rem;
  color: var(--accent);
  transition: color 0.3s;
}

.footer-links a:hover {
  color: var(--accent-hover);
}


.footer-about, .footer-contacts {
    padding: 1rem;
}

.footer-about p {
    color: var(--surface-contrast);
    font-size: 1rem;
    
}

.footer-contacts p {
    color: var(--surface-contrast);
    font-size: 0.8rem;
    
}