Should be easy: how do I add custom text code just to the homepage

Hi there 

I just want to add a black offset drop shadow to my H1 text on my homepage with this code:

text-shadow: 5px 5px #000000;

My site is sumospice.com

Sorry I'm pretty new to SquareSpace and can't figure out how to insert just this snippet of code without having to rewrite the code for the entire page. Can someone help?

Thanks!

@Lesum - i don't know what to say. Thank you! I can't tell you how greatful I am.

Quick question @Lesum -- I like this drop shadow. How can I apply it to all pages - not just the homepage?

Just replace the code with this one : 

 

h1 {
    text-shadow: 5px 5px #000000;
}

holy cow you all are incredible - thank you!! @DavidStewart

so now I have a new problem 🙂  How would I turn it OFF on just one page? 

I added the shadow to all of my h1 and h2 headings sitewide, and they look great, except the Blog page is using h2 classification for the titles, which looks bad: https://www.sumospice.com/blog

is there a way to turn these off on just this one page?

@tigernate9 Hi! You can add this code to remove the text shadow from blog titles:

.blog-basic-grid .blog-title {
    text-shadow: none !important;
}