dotfiles/dotconfig/eww/analog_clock/clock.scss

.clock {
    border-radius: 20px;
    padding: 10px;
    background: rgba(30, 31, 40, 0.8)
}


.analog-clock {
    padding: 2rem;
    margin: 10px;
    background: #282a36;
    border-radius: 100%;
    border: 7px solid #282a36;
    box-shadow: inset 4px 4px 10px rgba(0,0,0,0.5),
                inset -4px -4px 10px rgba(40,42,54,0.5),
                4px 4px 10px rgba(0,0,0,0.3);
    border-radius: 50%;
}


.time-container {
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 15px;
}


.time {
    padding: 10px;
    margin-left: 0px;
    margin-right: 5px;
    background: rgba(40,42,54,1.0);
    border-radius: 10px;
    color: #00FFFF;
    
}

.date {
    padding: 10px;
    margin: 5px 20px 0px 10px;
    background: rgba(40,42,54,1.0);
    border-radius: 10px;
    color: #00FFFF;
}