@import url('https://fonts.googleapis.com/css2?family=Edu+AU+VIC+WA+NT+Pre:wght@400..700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pochaevsk&display=swap');

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
	.center-of-parent {
		@apply absolute top-1/2 left-1/2 translate-x-[-50%] translate-y-[-50%];
	}
}

:root {
	--max-content-width: 70rem;
}

.radix-themes {
	--default-font-family: "Pochaevsk", sans-serif; 
	--heading-font-family: "Edu AU VIC WA NT Pre", cursive;
		/* Your custom font for <Heading> components */ 
        --code-font-family:
		/* Your custom font for <Code> components */ 
        --strong-font-family:
		/* Your custom font for <Strong> components */ 
        --em-font-family:
		/* Your custom font for <Em> components */ 
        --quote-font-family:
		/* Your custom font for <Quote> components */;
}