body {
	font-family: 'Inter', sans-serif;
	background-color: #070808;
	color: #d4d4d8;
	overflow-y: scroll;
}

.card-bg {background-color: #151515;}

.site-border {border: 1px solid #27272a;}
.site-radius {border-radius: 5px;}

.btn-transition {transition: all 0.2s ease-in-out;}

.prose a {
	color: #ffffff;
	text-decoration: underline;
	text-underline-offset: 4px;
	text-decoration-color: #3f3f46;
}
.prose a:hover {text-decoration-color: #ffffff;}

img.grayscale-img {
	filter: grayscale(1);
	transition: filter 0.5s ease;
}
img.grayscale-img:hover {filter: grayscale(0);}

blockquote {
	padding-left: 5px;
	border-left: 2px solid rgb(113 113 122 / var(--tw-text-opacity, 1));
}

pre {
	display: block;
	unicode-bidi: embed;
	font-family: monospace;
	white-space: pre;
	overflow-x: auto;
	padding: 20px 20px;
	background: rgb(41 41 41);
}