 document.documentElement.style && document.documentElement.style.setProperty) {
	let docEl = document.documentElement;
	let width = Math.max(300,docEl.clientWidth);
	let height = Math.max(300,docEl.clientHeight);
	docEl.style.setProperty("--vw-unit",`${(width / 100).toFixed(1)}px`);
	docEl.style.setProperty("--vh-unit",`${(height / 100).toFixed(1)}px`);
}
</script>
</head>
<body>

<header>

<h1 id="logo">YOU<i class="bold-period" aria-label="stylized period in red color"></i></h1>

<nav>
    <ul>
        <