*,
*::before,
*::after {
	box-sizing: border-box;
}

:root {
	--font-family-sans-serif: "Helvetica Neue", helvetica, arial, sans-serif;
	--font-family-serif: "Georgia", serif;
	--font-family-monospace: "Fira Code", "Menlo", "Monaco", monospace;
	--font-family-base: var(--font-family-sans-serif);
	--font-family-heading: var(--font-family-serif);
	--font-size-base: 16px;
	--spacing-unit: 8px;
}

html {
	scroll-behavior: smooth;
	/* text-size-adjust: 100%; */
	/* height: calc(100% + env(safe-area-inset-top)); */
	background-color: black;
}

body {
	/* display: flex; */
	overflow-y: auto;
	overscroll-behavior-y: none;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: var(--font-family-base);
	background-color: black;
	color: #fff;
	margin: 0;
	padding: 0;
	font-family: var(--font-family-base);
}

main {
	min-height: 100dvh;
	position: relative;
}

#demo {
	width: 100dvw;
	height: 100dvh;
	position: fixed;
	filter: blur(1.5px);
}

#calendly-iframe {
	width: 100%;
	height: 100%;
	border: 0;
	opacity: 0;
	transition-property: opacity;
	transition-duration: 200ms;
	transition-timing-function: ease-in;
}

#calendly-iframe.loaded {
	opacity: 1;
}