body {
    margin: 0;
    padding: 0;
    background-color: #121212;
    color: #bababa;
    min-height: 100vh;
}

main {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

form {
    padding: 6px;
}
label {
    text-align: right;
}
input {
    background-color: #424242;
    color: #bababa;

    border: solid;
    border-radius: 6px;
    border-width: 2px;
    border-color: #333333;

    margin: 2px 6px;
}

table {
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 8px;
    overflow: hidden;
    border: 4px solid #333333;
}
td,
th {
    /*box-shadow: inset -1px -1px 0 #333333;*/
    border: solid;
    border-width: 1px;
    border-color: #333333;
}
th {
    background-color: #222222;
    padding: 6px 12px;
}
td {
    padding: 4px 8px;
}
tr:nth-child(even) {
    background-color: #1a1a1a;
}