Center widget titles in sidebar

I use the following in the tempera custom css to center my widget titles I put in the sidebars however it doesn’t work can anyone see the problem?

I also put the code in Miscellaneous in the theme settings no luck either.
————————————————————
.sidebar .widget-title {
text-align: center;
}