footer {
  position: absolute;
  bottom: -100px;
  left: 0;
  width: 100%;
  height: 100px;
  z-index: 3;
  background-color: rgb(142, 154, 178);
  i::before {
    font-size: 50px;
  }
  li {
    margin: 10px;
    transform: translateY(-10px);
  }
  button {
    width: 100px;
    height: 50px;
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    background-color: transparent;
    border: transparent;
    color: rgba(0, 0, 0, 0.569);
  }
  button:hover {
    color: black;
    background-color: grey;
  }
  p {
    position: absolute;
    bottom: -15px;
    right: 50%;
    transform: translateX(50%);
  }
}
@keyframes slide_up {
  0% {
    bottom: -100px;
  }
  100% {
    bottom: 0px;
  }
}
@keyframes slide_down {
  0% {
    bottom: 0px;
  }
  100% {
    bottom: -100px;
  }
}