.hoverbright:hover {
    /* increase the brightness on hover */
    filter: brightness(1.75);
}
@media (prefers-color-scheme: dark) {
    canvas {
        filter: invert(1) hue-rotate(180deg);
    }
}
/* Add an icon after every link with target="_blank" */
a[target="_blank"]::after {
    content: "";
    display: inline-block;
    width: 8px; /* Adjust the size as needed */
    height: 8px; /* Adjust the size as needed */
    margin-left: 5px; /* Space between the link text and the icon */
    background-image: url('/assets/images/external-link.png'); /* The path to the icon */
    background-size: contain; /* Scale the image to fit within the element */
    background-repeat: no-repeat; /* Prevent the image from repeating */
    vertical-align: middle; /* Aligns the icon vertically with the text */
}

tr:focus td {
    color: white !important;
    font-weight: 600 !important;
  }