21888);
  border: 10px solid #3f5641ee;
  z-index: -1;
  animation: float 2s infinite;
}

.tooltip::before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  bottom: -22px;
  left: 50%;
  transform: translate(-50%) rotate(45deg);
  background: #e9f6f4;
  border: 10px solid #3f5641ee;
  border-left: none;
  border-top: none;
  border-radius: 5px;
  box-shadow: 10px 4px 0px #314328;
}

.tooltip-container:hover .tooltip {
  top: -120px;
  opacity: 1;
  visibility: visible;
  pointer-events