---
---
<style>
	.mobileMenu {
		position: fixed;
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
		z-index: 8;
		background-color: #fffffff0;

	}
	a {
		font-size: 1.4rem;
		font-weight: 600;
		padding: 1.3rem;
	}
	a:visited {
		color: dimgrey;
	}
	a:hover {
		color: #333;
	}
	a:link {
		color: #efefef;
	}
</style>
<dialog class="mobileMenu">
	<div class="flx middle right">
		<button id="closeMobileMenu" class=" flx middle center"> <svg viewBox="0 0 24 24" width="35" height="35" fill="currentColor">
        <path d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z"/>
    </svg></button>
	</div>
	
	<div class="flx(column,wrap) center middle mobileLinks">
		<a href="/">Home</a>
		<a href="/about/">About</a>
		<a href="/pricing/">Pricing</a>
		<a href="/blog/">Blog</a>
	</div>
	
	
</dialog>