Change webpage size (CSS)

[fazoleJH]

Hey. I have set up my second monitor to display a web page. When I hide all windows via F11, the macOS interface makes a kind of semi-transparent border. But it interferes with the web page. I'd like to shrink that web page view by about 10% to make it easier to navigate and read. I tried to do this via CSS code ":root {margin: 10% !important;}", but it doesn't work. Can you please advise me where I am going wrong? I have macOS 12.6.5 (Monterey). Thank you.

[sindresorhus]

Try this CSS:

:root {
	width: 90% !important;
	height: 90% !important;
	transform: scale(0.9) !important;
	zoom: 1.1 !important;
	background: transparent !important;
}

[fazoleJH]

Thank you. After some custom settings it works.

[KMWAZ]

On a similar note. I wanted to place the "Schedule" view on my desktop and only wanted the size to be big enough that other widgets and wallpaper would come through. I thought I had it with the CSS above slightly modified.
:root {
width: 25% !important;
height: 90% !important;
transform: scale(0.9) !important;
zoom: 1.1 !important;
background: transparent !important;
}
In this case but as you can see it's still blocking everything to the right of the border. Suggestions?