<h1>Welcome to a test project</h1>
<a id="scroll-anchor" href="#last-anchor-2">Bottom of this page</a>
<a id="non-ascii-anchor" href="/anchor/anchor#go-to-encöded">Anchor demo (non-ASCII)</a>
<a id="special-char-anchor" href="/anchor/anchor#go-to-.=">Anchor demo (special characters)</a>
<a id="first-anchor" href="/anchor/anchor#go-to-element">Anchor demo (first)</a>
<div>Spacing</div>
<a id="second-anchor" href="/anchor/anchor#go-to-element">Anchor demo (second)</a>
<div>Spacing</div>
<a id="third-anchor" href="/anchor/anchor">Anchor demo (third)</a>
<div>Spacing</div>
<a id="last-anchor" href="/anchor/anchor#go-to-element">Anchor demo (last)</a>
<a id="last-anchor-2" href="/anchor/anchor">Anchor demo (last 2)</a>
<a id="routing-page" href="/routing/hashes/target">Different page</a>
<a id="to-scroll-margin" href="/anchor/anchor#scroll-margin">Scroll margin anchor</a>

<style>
	:global(body) {
		background-color: tan;
		display: flex;
		flex-direction: column;
	}

	a {
		display: block;
		margin: 20px;
	}

	div {
		background-color: hotpink;
		height: 180vh;
	}
</style>
