dotfiles/dotconfig/eww/analog_clock/clock.scss

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


.analog-clock {
    margin: 10px;
    background: #362a28;
    border-radius: 100%;
    border: 7px solid #362a28;
    box-shadow: inset 4px 4px 10px rgba(0,0,0,0.5),
                inset -4px -4px 10px rgba(54,42,40,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(54,42,40,1.0);
    border-radius: 10px;
    color: #FFA500;
    
}

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

.analog-minutes {
    color: #FFA500;
}

.analog-hours {
    color: #FFA500;
}