<div style="height: 180vh; background-color: hotpink;">They (don't) see me...</div>
<div style="height: 180vh; background-color: peru;">
	<p id="go-to-element">The browser scrolls to me</p>
</div>
<div style="height: 180vh; background-color: tomato;">
	<p id="go-to-encöded">The browser scrolls to me</p>
</div>
<div style="height: 180vh; background-color: honeydew;">
	<p id="go-to-.=" class="special-char-id">The browser scrolls to me</p>
</div>
<div style="height: 180vh; background-color: lightblue;">
	<p id="scroll-margin" style="scroll-margin-top: 40px;">The browser scrolls to me</p>
</div>
<a id="non-ascii-anchor" href="#go-to-encöded">Anchor demo (non-ASCII)</a>
