When using custom CSS export or a space, adding page numbers adds a page break after my TOCTitle

[Hillary Hausler]

I will add my CSS below.

For some reason, when I use the Confluence auto add page numbers option when exporting, it sends my TOC to the third page, with the TOCTitle on the second page, by itself. The cover page seems fine. 

I have some lines commented out because I am troubleshooting.

Any help is appreciated.

@page
{
size: A4 portrait;
margin-top: 5px;
margin-bottom: auto;

/* @bottom-center {
content: counter(page);
}*/
}

.fsTitlePage
{
margin-left: 5px;
margin-top: 5px;
margin-right: auto;
position: absolute;
left: 6px;
top: 6px;
z-index: -1;
}

.fsDocTitle
{
font-size: 24px;
font-weight: bold;
/*margin: 72px 0 4px 0;*/
text-align:left;
/*position: absolute;
left: 40px;
top: 40px;*/
page-break-after:always;
}

.tocTitle
{
font-size: 24px;
font-weight: bold;
margin-left: 6px;
margin-top: 6px;
}

Body
{
counter-reset: page;
}

h1::before {
counter-increment: page;
content: counter(page);
}