CSS Shows up in Squrespace editor but not on site

Hello, I want to center my headline on the homepage. The centering worked for body text but does not show up on my headline. Can anyone help me get this centered? 

Thank you!

https://www.jolsendesign.com/

need to Chek Css Code. an you pls send me

I can see why you're having a problem, but a very cool effect!
Add this to your Custom CSS:

#block-yui_3_17_2_1_1637629388909_2977 {
  body h1 {
    text-align: center !important;
  }
}

Hope that helps!

.text-hover span {
  transition: color 3s;
  transition-delay: 1s;
}

.text-hover span:hover {
  transition: color 0s;
}

.text-hover span:nth-child(1n):hover {
  color: #FC8B27;
}

.text-hover span:nth-child(2n):hover {
  color: #3AA09B;
}

.text-hover span:nth-child(3n):hover {
  color: #84C174;
  
}