:root {
    --bg-color: #19191d;
    --text-color: lightgray;
}

body {
    background-color: var(--bg-color);
    color: var(--text-color);
    font-weight: 300;
    padding: 2vw;
    font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

a {
    text-decoration: none !important;
    color: rgb(35, 212, 65);
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
}

a:hover {
    color: var(--text-color);
}

header {
    box-sizing: border-box;
    text-align: justify;
    text-justify: inter-word;
}

section {
    border: 1px solid black;
    margin-top: 2vw;
    padding: 0vw 1vw 0vw 1vw;
}

table {
    border-collapse: collapse;
    width: 100%;
}

th,
td {
    border-bottom: 3px solid var(--bg-color);
    padding: 5px 0px 5px 0px;
}

td {
    border-left: 1px solid rgb(61, 69, 77);
}

td img {
    max-width: 48px;
}

tbody tr {
    background-color: #25252b;
}

tbody tr:has(input:checked),
tbody tr:hover {
    background-color: #2e2e36;
}

span.mb-5 {
    font-size: 2em;
    font-weight: 500;
}