@font-face {
    font-family: 'Noto Sans';
    src: url('/static/fonts/NotoSansMinimal.woff2') format('truetype');
    font-display: swap;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html,
body {
    height: 100%;
    width: 100%;
    overflow: auto;
    font-family: 'Noto Sans', sans-serif;
    background: linear-gradient(to bottom, #1a1a4d, #0a0a2a);
    will-change: transform, opacity;
    scrollbar-width: thin; /* For Firefox */
    scrollbar-color: rgba(59, 124, 59, 0.5) transparent; /* For Firefox */
}

/* Add this new rule */
body {
    padding: 20px;
    box-sizing: border-box;
}

/* Scrollbar styles for Chrome, Safari, and Opera */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(59, 124, 59, 0.5);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: rgba(59, 124, 59, 0.7);
}

/* Apply the same styles to the table wrapper */
.table-wrapper {
    scrollbar-width: thin;
    scrollbar-color: rgba(59, 124, 59, 0.5) transparent;
}

/* Combine webkit scrollbar styles for table-wrapper */
.table-wrapper::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.table-wrapper::-webkit-scrollbar-track {
    background: transparent;
}

.table-wrapper::-webkit-scrollbar-thumb {
    background-color: rgba(59, 124, 59, 0.5);
    border-radius: 4px;
}

.table-wrapper::-webkit-scrollbar-thumb:hover {
    background-color: rgba(59, 124, 59, 0.7);
}