@import url(https://db.onlinewebfonts.com/c/d7e8a95865396cddca89b00080d2cba6?family=SoDo+Sans+SemiBold);
* {
  margin: 0;
  padding: 0%;
  box-sizing: border-box;
  font-family: "SoDo Sans", Helvetica;
}

.social-icon {
  display: inline-block;
  padding: 0.7rem;
  background-position: center;
  border-radius: 100%;
  transition: background-color 0.3s;
}

.social-icon:hover {
  background-color: #d0d9e7; /* Equivalent to tailwind's hover:bg-gray-400 */
}