@font-face {
    font-family: "DS-Digital" !important;
    src: url("https://npm.elemecdn.com/gahotx-cdn@1.0.14/clock/DS-Digital.TTF");
    font-display: swap;
}
#hexo_electric_clock {
    padding: 5px;
}
.card-clock {
    padding: 0 !important;
}
.card-background {
    height: 123px;
    margin: 15px;
    border-radius: 8px;
    z-index: 2;
}
.clock-row {
    font-family: "DS-Digital" !important;
    font-weight: 400;
    color: #000;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    white-space: nowrap;
}
.card-clock-clockdate,
.card-clock-ip {
    text-align: left;
    flex-basis: calc(40% - 5px);
}
.card-clock-weather,
.card-clock-location {
    text-align: center;
    flex-basis: calc(30% - 5px);
}
.card-clock-humidity,
.card-clock-dackorlight {
    text-align: right;
    flex-basis: calc(30% - 5px);
}
.card-clock-time {
    flex: 1;
    font-family: "DS-Digital" !important;
    font-size: 38px;
    text-align: center;
    line-height: 1.5;
}
[data-theme="dark"] .clock-row {
    color: #fff;
}