#information-widgets {
    display: grid;
    grid-template-columns: 1fr 150px;
    grid-template-rows: auto;
    grid-template-areas: "widget time";
}

#widgets-wrap {
    grid-area: widget;
}

#mr-time {
    grid-area: time;
}


#information-widgets {
    display: grid;
    grid-template-columns: 1fr 150px;
    grid-template-rows: auto;
    grid-template-areas: "widget time";
    column-gap: 30px;
}

#widgets-wrap {
    grid-area: widget;
}

#mr-time {
    grid-area: time;
}

#second_hand, #minute_hand, #hour_hand {
    transform-origin: 140px 140px;
}