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

/*

@layer components {
  .btn-primary {
    @apply py-2 px-4 bg-blue-200;
  }
}

*/
@layer utilities {
	.bg-complex-gradient {
		background: linear-gradient(345deg, rgba(255, 121, 242, 0.24) -5.7%, rgba(255, 255, 255, 0) 81.53%), 
			linear-gradient(178deg, #F1F0FF 25.15%, rgba(255, 255, 255, 0) 97.95%), 
			#FFF;
	}

	.bg-light-gradient {
		background: linear-gradient(345deg, rgba(255, 121, 242, 0.16) -5.7%, rgba(255, 255, 255, 0.00) 81.53%), linear-gradient(178deg, #F1F0FF 25.15%, rgba(255, 255, 255, 0.00) 97.95%), #FFF;
	}


	.bg-custom-dark {
		background: var(--Main-Black-gradient, linear-gradient(180deg, rgba(133, 130, 148, 0.20) 0%, rgba(45, 44, 50, 0.00) 100%), #29292D);
		box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.05);
	}

	.scrollbar-hide::-webkit-scrollbar {
		display: none;
	}
	.scrollbar-hide {
		-ms-overflow-style: none; /* IE and Edge */
		scrollbar-width: none; /* Firefox */
	}
}

@font-face {
	font-family: 'Publico Banner Web';
	src: url("/assets/PublicoBanner-LightItalic-Web-ca9491f4.woff2") format('woff2'),
		url("/assets/PublicoBanner-LightItalic-Web-1944b20a.woff") format('woff');
	font-weight: 300;
	font-style: italic;
	font-stretch: normal;
}

@font-face {
	font-family: 'Publico Banner Web';
	src: url("/assets/PublicoBanner-Light-Web-e8d08345.woff2") format('woff2'),
		url("/assets/PublicoBanner-Light-Web-5b601ce1.woff") format('woff');
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
	font-family: 'Publico Banner Web';
	src: url("/assets/PublicoBanner-Roman-Web-6b2e8e17.woff2") format('woff2'),
		url("/assets/PublicoBanner-Roman-Web-750b7d1c.woff") format('woff');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
	font-family: 'Publico Banner';
	src: url("/assets/PublicoBanner-Roman-Web-6b2e8e17.woff2") format('woff2'),
		url("/assets/PublicoBanner-Roman-Web-750b7d1c.woff") format('woff');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
}