* {
    --dark-bg-color: #222222;
    --dark-bg-color2: #333;
    --dark-highlight-color: #333;
    --light-bg-color: #dddddd;
    --dark-text-color: #111111;
    --light-text-color: #eeeeee;
    --custom-red: #ff5555;
}
html,
body {
    height: 100%;
    margin: 0;
    background-color: var(--dark-bg-color);
}

.container-fluid {
    min-height: 100%;
    height: 100%;
    text-align: center;
    background-color: var(--dark-bg-color);
    font-family: "Roboto", sans-serif;
    color: var(--light-text-color);
}
#main {
    min-width: 580px;
}
.datarow {
    padding: 5px;
}
.datarow .col-6:first-child {
    border-right: 1px solid black;
}
#data-footer .row:not(:last-child) {
    border-bottom: 1px solid black;
}
#data-footer .col-12 span {
    padding: 3px;
    border-radius: 7px;
}
#tiptext div {
    border-bottom: 1px solid #333;
}