@font-face {
    font-family: 'UnidreamLED';
    src: url("https://cdn.jsdelivr.net/npm/hexo-electric-clock-plus@latest/fonts/UnidreamLED.ttf")
}
@font-face {
    font-family: 'Commodore';
    src: url("https://cdn.jsdelivr.net/npm/hexo-electric-clock-plus@latest/fonts/Commodore.ttf")
}
@font-face {
    font-family: 'Computerfont';
    src: url("https://cdn.jsdelivr.net/npm/hexo-electric-clock-plus@latest/fonts/Computerfont.ttf")
}
@font-face {
    font-family: 'Digitalsystem';
    src: url("https://cdn.jsdelivr.net/npm/hexo-electric-clock-plus@latest/fonts/Digitalsystem.ttf")
}
@font-face {
    font-family: 'Gameover';
    src: url("https://cdn.jsdelivr.net/npm/hexo-electric-clock-plus@latest/fonts/Gameover.ttf")
}
@font-face {
    font-family: 'Hacked';
    src: url("https://cdn.jsdelivr.net/npm/hexo-electric-clock-plus@latest/fonts/Hacked.ttf")
}
@font-face {
    font-family: 'LCD';
    src: url("https://cdn.jsdelivr.net/npm/hexo-electric-clock-plus@latest/fonts/LCD.ttf")
}
@font-face {
    font-family: 'Leddisplay';
    src: url("https://cdn.jsdelivr.net/npm/hexo-electric-clock-plus@latest/fonts/Leddisplay.ttf")
}
@font-face {
    font-family: 'Ringing';
    src: url("https://cdn.jsdelivr.net/npm/hexo-electric-clock-plus@latest/fonts/Ringing.ttf")
}
#hexo_electric_clock{
    padding:20px
}
.card-clock{
    padding: 0!important;
}
.card-background {
    height: 180px;
    margin: 15px;
    border-radius: 8px;
    background-color: #ececec;
    box-shadow: inset 3px 3px 18px 0 rgb(50 50 50 / 40%);
    z-index: 2;
}
.clock-row{
    font-family: UnidreamLED;
    font-weight: 400;
    color: #000;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    white-space: nowrap;
}
.card-clock-ip{
    text-align: center;
}
.card-clock-clockdate,.card-clock-city{
    text-align: left;
    flex-basis: calc(40% - 5px);
}
.card-clock-weather,.card-clock-humidity,.card-clock-country{
    text-align: right;
    flex-basis: calc(30% - 5px);
}
.card-clock-placeholder{
    text-align: left;
    flex-basis: calc(15% - 5px);
}
.card-clock-dackorlight{
    text-align: right;
    flex-basis: calc(15% - 5px);
}
.card-clock-time{
    flex: 1;
    font-size: 38px;
    text-align: center;
    line-height: 1.5;
}