@import url('https://fonts.googleapis.com/css2?family=Updock&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Abril+Fatface&family=PT+Serif:wght@700&family=Roboto:ital,wght@0,400;1,300&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lobster+Two&family=Redressed&display=swap");
* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}

/*---------------------*/

.social {
  width: 98%;
  max-width: 50px;
  position: fixed;
  left: 3%;
  top: 300px;
  z-index: 2000;
}
.social ul {
  list-style: none;
}
.social img {
  border-radius: 9px;
  width: 100%;
  box-shadow: 2px 2px 3px rgb(112, 106, 106);
}
.social ul li a {
  display: flex;
  flex-direction: column;

  padding: 8px 0px;
  text-decoration: none;
}

.social ul li a:hover {
  width: 105%;
}