tailwind.css

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  .principal::after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0px;
    width: 100%;
    height: 2px;
    background-image: linear-gradient(to right, rgb(5, 5, 5), transparent);
  }
  .links a::after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0px;
    width: 100%;
    height: 2px;
    background-image: linear-gradient(to right, rgb(233, 137, 13), transparent);
  }
  .noticetitle::-webkit-scrollbar {
    width: 8px;
  }
  .noticetitle::-webkit-scrollbar-thumb {
    background: linear-gradient(transparent, #ee7f01, transparent);
    border-radius: 6px;
  }
  .noticetitle::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(transparent, #0a551d, transparent);
    border-radius: 6px;
  }
}