:root {
    --col-bg: #222;
    --col-navbar-bg: magenta;
}

body {
    margin:      0;
    background:  var(--col-bg);
    color:       white;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode';
}

a {
    color:           white;
    text-decoration: none;
}

input {
    color:         white;
    box-sizing:    border-box;
    border:        1px solid #aaa;
    background:    rgba(0, 0, 0, 0.3);
    border-radius: 5px;
}

button {
    background:    #f0f;
    border-radius: 10px;
    border:        none;
    box-sizing:    border-box;
    height:        30px;
    padding:       0 7px 0 7px;
}

button:hover {
    background: #f8f;
}

button:active {
    background: #fff;
}

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

table.data-table > tbody > tr > th {
    border-bottom: 1px solid white;
    padding:       4px;
}

table.data-table > tbody > tr > td {
    padding: 4px;
}

table.data-table > tbody > tr:nth-child(2n):not(:last-child) {
    background: rgba(255, 255, 255, 0.2);
}

table.data-table > tbody > tr > td:not(:last-child) {
    border-right: 1px solid white;
}