@import 'tailwindcss';

/* Optional: import Nextra theme styles */
@import 'nextra-theme-docs/style.css';
/* or nextra-theme-blog/style.css */


body {
    background: linear-gradient(to bottom,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 1) 300px),
        fixed 0 0 / 20px 20px radial-gradient(#d1d1d1 1px, transparent 0),
        fixed 10px 10px / 20px 20px radial-gradient(#d1d1d1 1px, transparent 0);
}

.dark body {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #111 300px);
}

body ::selection {
    background: var(--nextra-selection, #402649);
    /* fallback if var not found */
    color: inherit;
}


pre {
    background-color: #120d1c !important;
    border: 1px solid #361E65;
    border-radius: 12px !important
}

html.dark {
    --nextra-primary-hue: 270;
    --nextra-primary-saturation: 68;
    --nextra-primary-brightness: 70;
    /* orange in dark mode */
}

a,
button {
    text-decoration: none !important;
}

a:hover,
button:hover {
    text-decoration: none !important;
}


table {
    border-radius: 12px;
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    border: 1px solid #303030;
}

table th,
table td {
    text-align: left;
    padding: 0.8rem;
    padding-right: 4rem;
    border: none;
    font-size: 0.9rem;
}

table tr:not(:last-child) td {
    border-bottom: 1px solid #303030;
}

tbody td {
    background-color: #191919;
}

th {
    background-color: #212121;
}

table th,
table td {
    width: 1%;
}