<style>
.super-content p, .super-content ul, .super-content ol {
margin-bottom: 0.8em;
font-size: 18px;
line-height: 155%;
}

.super-content.max-width, .notion-header__content.max-width {
max-width: 950px !important;
}
.notion-bulleted-list .notion-page__icon {
display: none;
}
.notion-bulleted-list .notion-page>div {
padding: 0;
}
.notion-link.notion-page .notion-semantic-string {
font-weight: normal;
}
.notion-semantic-string .link {
opacity: 1 !important;
}
.notion-text__content ~ .notion-semantic-string {
margin-bottom: 0;
}

/* Nav */

.notion-navbar {
	display: none !important;
}

@media only screen and (max-width: 599px) {
	.nav-home {
		margin-bottom: 20px;
	}
}

@media only screen and (min-width: 600px) {
	.nav, .nav-links, .nav-link {
		display: flex;
	}
	
	.nav-links {
		justify-content: flex-end;
		width: 80%;
	}
	
	.nav-home {
		width: 20%;
	}
}

.nav {
	background: white;
	width: 100%;
	z-index: 99;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}

.nav-links {
	backdrop-filter: blur(20px);
	color: #808c99 !important;
	align-items: center;
	z-index: 9999;
	height: 64px;
}

.nav-link {
  transition: all .3s ease-in-out;
  justify-content: center;
  align-items: center;
  padding: 0 20px 4px;
  font-size: 15px;
  height: 100%;
  color: #37352f;
}

.nav-link:hover {
  color: #808c99 !important;
}

.nav-home .nav-link {
	justify-content: flex-start !important;
}
</style>

<nav class="nav">
	<div class="nav-home">
		<a class="nav-link" href="/">[gdt]</a>
	</div>
	<div class="nav-links">
		  <a class="nav-link" href="/now">Now</a>
		  <a class="nav-link" href="/blog">Blog</a>
		  <a class="nav-link" href="/podcasts">Podcasts</a>
		  <a class="nav-link" href="/projects">Projects</a>
		  <a class="nav-link" href="/speaking">Speaking</a>
		  <a class="nav-link" href="/contact">Contact</a>
	</div>
</nav>