@font-face {
  font-family: 'Prata';
  font-style: normal;
  font-weight: 400;
  src: url(s/prata/v18/6xKhdSpbNNCT-sWPCms.ttf) format('truetype');
}


.flat-social-icons {
  position: fixed;
  top: 40%;
  left: 10px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  z-index: 999;
}

.flat-social-icons a img {
  width: 30px;
  height: 30px;
  filter: grayscale(100%);
  transition: filter 0.3s ease;
}

.flat-social-icons a img:hover {
  filter: none;
}