/* Variables */
:root{
    --bg: #273036;
    --fg: #ffffff;
}

body{
    padding: 20px;
    background: var(--bg);
    color: var(--fg);
}
table {
    font-family: "Monospace";
    border-collapse: collapse;
    width: 100%;
}

th{
    text-transform: uppercase;
}

tr.htmx-swapping td {
    opacity: 0;
    transition: opacity 0.5s ease-out;
}

td, th {
    border: 1px solid #383737;
    text-align: left;
    padding: 8px;
}

tr:nth-child(even) {
    background-color: #dddddd;
}