@layer utilities {
            .content-auto {
                content-visibility: auto;
            }
            .text-shadow {
                text-shadow: 0 2px 4px rgba(0,0,0,0.1);
            }
            .text-gradient {
                background-clip: text;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
            }
            .bg-glass {
                backdrop-filter: blur(8px);
                -webkit-backdrop-filter: blur(8px);
            }
            .scrollbar-hide::-webkit-scrollbar {
                display: none;
            }
            .card-hover {
                @apply transition-all duration-300 hover:shadow-xl hover:-translate-y-1;
            }
        }
        
        
.search40{
height: 50px;width: 50px;
}
.font_content p{margin: 15px 0;}
.font_content h2{
    margin: 15px 0;
    padding: 15px 0;
    border-bottom: 1px solid #eee;
    font-size: 1.25em;
}
.fontinfo ul li{
    border-bottom: 1px solid #eee;
    line-height: 2.3em;
}
.fontinfo ul li:hover{
	background-color:#f8f8f8}