.footer{
  padding: 2em 0 0 0;
  border-top: 5px solid var(--color-accent);
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.footer-info{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 10%;
  max-width: 600px;
}

.coder-info,
.ai-info,
.project-info{
  font-family: roboto, Arial, Helvetica, sans-serif;
  font-weight: 600;
  color: var(--color-text-primary);
  padding: 0;
  margin: 1em 0;
}

.coder-info span,
.project-info a{
  color: var(--color-accent);
}

.ai-info{
  color: #ff7a60;
}

.social-links{
  background-color: var(--color-background-htp);
  width: 100%;
}

.social-links-list{
  display: flex;
  justify-content: space-evenly;
}

.social-link-list{
  all: unset;
}

.social-link{
  display: flex;
  align-items: center;
  color: var(--color-accent);
  text-decoration: none;
  font-family: bbh, Arial, Helvetica, sans-serif;
}

.social-icon{
  width: 2em;
}