H2 could not be changed by custom.css

[CodingXCat]

I'm trying to add color to headers like this

/* Header*/
h1, h2, h3, h4 {
  color: #9bc4fe;
  font-weight: bold;
}

but the color of H2 could not be changed:

[Aliberk Sandıkçı]

@CodingXCat You can use !important tag to override previous color

/* Header*/
h1, h2, h3, h4 {
  color: #9bc4fe !important;
  font-weight: bold;
}

update: adding !important tag to h1 causes also page name styles to be changes