@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600&display=swap');

html {
    background: #16161e;
    min-height: 100%;
}

body {
    background: #16161e;
    color: #c0caf5;
    font-family: 'JetBrains Mono', monospace;
    padding: 40px;
}

h1 {
    background: #1f2335;
    border: 2px solid #414868;
    border-bottom: none;
    color: #c0caf5;
    padding: 16px 20px;
    margin: 0;
    font-size: 22px;
    font-weight: 600;
}

table {
    width: 100%;
    border-collapse: collapse;
    border: 2px solid #414868;
    background: #1a1b26;
}

th {
    background: #292e42;
    color: #7dcfff;
    text-align: left;
    font-weight: normal;
    padding: 10px 14px;
    border-bottom: 2px solid #414868;
}

td { padding: 8px 14px; }

tr:nth-child(odd)  td { background: #1f2335; }
tr:nth-child(even) td { background: #1a1b26; }
tr:hover td { background: #33395a !important; }

a, a:visited { color: #7dcfff; text-decoration: none; }
a:hover { color: #bb9af7; text-decoration: underline; }

td:nth-child(2), td:nth-child(3) { color: #565f89; font-variant-numeric: tabular-nums; }