figure.rounded-circle img {
  width: 100%;
  height: 100%;
  max-width: 200px;
  border-radius: 50%;
  object-fit: cover;
}

#social-links {
  display: flex;
  justify-content: center;
  gap: 1.5rem;
  margin: 1rem 0;
}

#social-links .soc {
  font-size: 2rem !important;
  border-bottom: none !important;
}

#social-links .soc i {
  font-size: 2rem !important;
}

#social-links .soc svg {
  width: 2rem !important;
  height: 2rem !important;
}

#social-links .soc:hover {
  background-color: transparent !important;
  color: var(--maincolor) !important;
}

/* fix styling of lists in posts */
li:not(.post) {
  font-family: 'Fira Sans', sans-serif;
}
