html {
  color-scheme: dark;
}

body {
  .bg-gray-800;
}

@keyframes Pulsate50to100 {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }

  to {
    opacity: 1;
  }
}

[data-tooltip]::before {
  position : absolute;
  content : attr(data-tooltip);
  opacity : 0;
  transform: translate(-50%, 100%);
  min-width: 200px;
  text-align: center;
  border-radius: 0.375rem;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
  padding: 5px;
  text-wrap: nowrap;
}

[data-tooltip]:hover::before {
  opacity : 1;
}