:root {
    --statusColor: black;
}

.flex-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 300px;
    margin: auto;
}

@media (min-width: 1200px) {
    .flex-container {
        display: flex;
        justify-content: center;
        max-width: none;
        margin: none;
    }
}

.heading {
    text-align: center;
}

.mqttIndicator {
    color: var(--statusColor);
}

.values-presentation {
    display: flex;
    justify-content: space-between;
}

#timeOn {
    max-width: 70px;
}

ui5-card {
    width: 15rem;
    margin: 5px;
}