@layer utilities {
.text-shadow
{
	text-shadow:2px 2px 4px rgba(0,0,0,0.3);
	text-shadow:2px 2px 4px rgba(0,0,0,0.3);
	text-shadow:2px 2px 4px rgba(0,0,0,0.3);
	text-shadow:2px 2px 4px rgba(0,0,0,0.3);
	text-shadow:2px 2px 4px rgba(0,0,0,0.3)
}

.transition-navbar
{
	transition:background-color .5s ease,padding .5s ease,box-shadow .5s ease;
	transition:background-color .5s ease,padding .5s ease,box-shadow .5s ease;
	transition:background-color .5s ease,padding .5s ease,box-shadow .5s ease;
	transition:background-color .5s ease,padding .5s ease,box-shadow .5s ease;
	transition:background-color .5s ease,padding .5s ease,box-shadow .5s ease
}

.hover-scale
{
	transition:transform .3s ease;
	transition:transform .3s ease,box-shadow .3s ease;
	transition:transform .3s ease;
	transition:transform .3s ease,box-shadow .3s ease;
	transition:transform .3s ease
}

.hover-scale:hover
{
	transform:scale(1.03);
	transform:translateY(-5px);
	box-shadow:0 10px 25px -5px rgba(0,0,0,0.1);
	transform:scale(1.03);
	transform:translateY(-5px);
	box-shadow:0 10px 25px -5px rgba(0,0,0,0.1);
	transform:scale(1.03)
}

.prose-custom
{
	max-width:100%
}

.prose-custom p
{
	margin-bottom:1.5rem;
	line-height:1.8;
	color:#444
}

.prose-custom h3
{
	font-size:1.5rem;
	font-weight:600;
	margin-top:2.5rem;
	margin-bottom:1rem;
	color:#1a1a1a
}

.prose-custom img
{
	margin:2rem 0;
	border-radius:4px;
	box-shadow:0 4px 12px rgba(0,0,0,0.1)
}

.article-share a
{
	transition:all .3s ease
}

.article-share a:hover
{
	transform:translateY(-3px)
}

.text-stroke
{
	-webkit-text-stroke:1px currentColor;
	color:transparent;
	-webkit-text-stroke:1px currentColor;
	color:transparent;
	-webkit-text-stroke:1px currentColor;
	color:transparent;
	-webkit-text-stroke:1px currentColor;
	color:transparent
}

.scrollbar-hide::-webkit-scrollbar
{
	display:none;
	display:none;
	display:none
}

.category-active
{
	background-color:theme(colors.secondary);
	color:white
}

.filter-active
{
	background-color:#f67114;
	color:white
}
}