.img-head {
  box-shadow: 0.1vw 0.1vw 0.1vw rgb(138, 136, 136);
  border-radius: 50%;
  padding: 2vw;
  background-color: white;

  transition: all 0.5s ease-in-out;
  animation-name: anime-envi1;
  animation-duration: 7s;
  animation-timing-function: ease;
  animation-delay: 0.1s;
  animation-direction: alternate;
}

.img-head:hover {
  scale: 1.1;
  box-shadow: 0.1vw 0.1vw 0.1vw rgb(138, 136, 136);
  border-radius: 50%;
}

@keyframes anime-envi1 {
  from {
    position: absolute;
    opacity: 0;
  }

  to {
    position: absolute;
    opacity: 1;
  }
}

.img-head2 {
  height: 5vw;
  width: 5vw;
  position: absolute;
  top: 25vw;
  right: 0.3vw;
  z-index: 650;
  padding: 3vww;
  background-color: white;
  border-radius: 50%;
  opacity: 0;

  animation-name: slowDown;
  animation-duration: 3s;
  animation-timing-function: linear;
  animation-delay: 0.1s;
}

@keyframes slowDown {
  0% {
    top: 26vw;
  }

  10% {
    top: 27vw;
    opacity: 1;
  }

  20% {
    top: 28vw;
  }

  30% {
    top: 29vw;
    opacity: 1;
  }

  40% {
    top: 30vw;
  }

  45% {
    top: 31vw;
    opacity: 1;
  }

  50% {
    top: 32vw;
    opacity: 1;
  }

  55% {
    top: 33vw;
  }

  60% {
    top: 34vw;
    opacity: 1;
  }

  65% {
    top: 35vw;
  }

  70% {
    top: 36vw;
    opacity: 1;
  }

  75% {
    top: 37vw;
    opacity: 1;
  }

  80% {
    top: 38vw;
  }

  85% {
    top: 39vw;
    opacity: 1;
  }

  90% {
    top: 40vw;
    opacity: 1;
  }

  100% {
    top: 41vw;
    opacity: 1;
  }
}

.liF {
  animation-name: animeF;
  animation-duration: 4s;
  animation-timing-function: linear;
  animation-delay: 0.02s;
}

@keyframes animeF {
  0% {
    opacity: 0;
  }

  20% {
    opacity: 0;
  }

  40% {
    opacity: 1;
  }

  60% {
    opacity: 1;
  }

  80% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

.liS {
  animation-name: animeS;
  animation-duration: 6s;
  animation-timing-function: linear;
  animation-delay: 0.02s;
}

@keyframes animeS {
  0% {
    opacity: 0;
  }

  20% {
    opacity: 0;
  }

  40% {
    opacity: 1;
  }

  60% {
    opacity: 1;
  }

  80% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

.liLi {
  animation-name: animeL;
  animation-duration: 7.3s;
  animation-timing-function: linear;
  animation-delay: 0.02s;
}

@keyframes animeL {
  0% {
    opacity: 0;
  }

  20% {
    opacity: 0;
  }

  40% {
    opacity: 1;
  }

  60% {
    opacity: 1;
  }

  80% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

.liY {
  animation-name: animeY;
  animation-duration: 10s;
  animation-timing-function: linear;
  animation-delay: 0.02s;
}

@keyframes animeY {
  0% {
    opacity: 0;
  }

  20% {
    opacity: 0;
  }

  40% {
    opacity: 1;
  }

  60% {
    opacity: 1;
  }

  80% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

.img-fb3{
  height: 2.3vw;
  width: 2.3vw;
}


#imgF{
  height: 2.6vw;
  width: 2.4vw;
  position: relative;
  top: -0.2vw;
}