@import url('https://use.typekit.net/crk7mse.css');
html,
body {
	@apply w-full h-full overflow-hidden font-sans;
	font-family: 'proxima-nova', sans-serif;
	font-size: 18px;
}

#app {
	@apply w-full h-full;
	@apply bg-purple-50 text-purple-900;
	@apply dark-(bg-purple-900 text-purple-50);
}

#theme {
	@apply w-full h-full flex flex-col overflow-hidden items-center justify-center;
	@apply text-purple-900 dark-(text-purple-50)
	background-color: #35169d;
	background-image: linear-gradient(63.34deg, #35169d 0.24%, #73526a 50.12%, #d9a23c 100%);
}

hr {
	@apply border-purple-200 dark:(border-purple-800);
}

a {
	@apply text-purple-500 dark-text-purple-300;
}

:root {
	color-scheme: light dark;
	font-synthesis: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
}

.story {
	@apply flex flex-col gap-4 overflow-auto;
}