footer {
  padding: 25px 0;
  text-align: center;
}

.footer-links {
  list-style: none;
  margin: 0;
  padding: 0;
  color: var(--light);
  font-size: 14px;
}

.footer-links li {
  margin: 0;
  padding: 0;
  display: inline-block;
}

.footer-links a {
  color: inherit;
  text-decoration: underline var(--cont);
  transition: color 150ms ease;
  margin: 0;
}

.footer-links a:hover,
.footer-links a:focus {
  color: var(--cont);
}

/* In case hioome background is dark and other pages are light bg */
/*
#home .footer-links {
  color: var(--light);
}

#home .footer-links a {
  text-decoration: underline var(--cont);
}

#home .footer-links a:hover,
.footer-links a:focus {
  color: var(--cont);
}
*/

.footer-links li::before {
  content: '/';
  position: relative;
  left: -2px;
}

.footer-links li:first-child::before {
  display: none;
}

.footer-links-kudos img {
  position: relative;
  top: 6px;
  margin-left: 2px;
}

/* Colorize footer icons on hover */
.footer-links a.contacts {
  text-decoration: none !important;
}

.footer-links a:hover.contacts {
  color: inherit;
}

.fa-github, .fa-linkedin, .fa-envelope {
  transition: transform 150ms ease-out;
  margin: 0 2px 0 2px;
}

.fa-github:hover {
  color: #171515 !important;
  transform: scale(1.6);
}

.fa-linkedin:hover {
  color: #0077b5 !important;
  transform: scale(1.6);
}

.fa-envelope:hover {
  color: #2167ba !important;
  transform: scale(1.6);
}

.fa-hand-point-down {
  transition: transform 150ms ease-out;
}

.fa-hand-point-down:hover {
  transform: scale(1.6);
}