html {
  scroll-behavior: smooth;
}

#tool-tip {
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.5);
  transition:
    top 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55),
    opacity 0.25s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

#about-section {
  transition:
    transform 0.2s ease-in-out,
    left 0.2s ease-in-out;
  transform: translate(-50%, -45%) scale(0);
  /* pointer-events: none; */
}

#about-section.active {
  transform: translate(-50%, -50%) scale(1);
  left: 50%;
  /* pointer-events: all; */
}