Increased space between header and circles on first page only

I have been searching the forum for this, but haven’t yet found and answer.

I would like to increase the space between the header and the circles, and I used this code in the Custom CSS Manager:

.site-main {
padding-top: 25px; }

But that creates the same effect on all pages and I only want it on the entry one (the one with the circles).

Very thankful for any help!
Karin

(I don’t have a child theme, only the Custom CSS Manager.)