In my css/scss file I have the below page style, how can I reference it from my react component that wraps everything on the page? Or rather what is a way to pass to my page?

@page {
    size: 8.5in 11in;
    margin: 1in 1in 1.25in 1in;
}

Page component :

        <MyThemeProvider theme={frog}>
            <main className="page-container">
                  ..... children .....

            </main>
        </MyThemeProvider>