:root {
    --primary-color: deepskyblue;

    --attention-color: lawngreen;

    --bg-dark: hsl(0, 0%, 0%);

    --highlight-color: hsl(0, 0%, 95%);

    --normal-color: hsl(0, 0%, 85%);

    --border-color: hsl(0, 0%, 40%);

    --input-color: hsl(0, 0%, 15%);
}

* {
    background-color: var(--bg-dark);
    color: var(--normal-color);
    padding: 0.5em;
    margin: 0.2em;
    text-align: center;
}

input {
    background-color: var(--input-color);
}

button {
    background: var(--border-color);
}

#service_table {
    border: solid 1px;
    border-color: var(--border-color);
    place-self: center;
}

tr,
td {
    border: solid 2px;
    border-color: var(--border-color);
}

.user_input {
    display: flexbox;
    text-align: center;
}