@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Poppins:ital,wght@0,400;0,700;1,400;1,700&display=swap');


@font-face {
	font-family: "Figtree";
	src: url("/fonts/Figtree-Black.woff") format("woff"),
	     url("/fonts/Figtree-Black.woff2") format("woff2");
	font-weight: normal;
	font-style: normal;
	font-display: fallback;
}
@font-face {
	font-family: "Figtree";
	src: url("/fonts/Figtree-Bold.woff") format("woff")
	     url("/fonts/Figtree-Bold.woff2") format("woff2");
	font-weight: bold;
	font-style: normal;
	font-display: fallback;
}
@font-face {
	font-family: "Figtree"
	src: url("/fonts/Figtree-BlackItalic.woff") format("woff")
	     url("/fonts/Figtree-BlackItalic.woff2") format("woff2");
	font-weight: italic;
	font-style: normal;
	font-display: fallback;
}
@font-face {
	font-family: "Figtree"
	src: url("/fonts/Figtree-BoldItalic.woff") format("woff")
	     url("/fonts/Figtree-BoldItalic.woff2") format("woff2");
	font-weight: italic;
	font-style: bold;
	font-display: fallback;
}
body {
	font-family: "Figtree", system-ui, sans-serif;
	font-size: 100%;
	line-height: 133%;
	background-color: #000;
	color: #fff;
} 

main {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
	gap: 1em;
}

.first h2{
	color:#0ff;
}


.second h2 {
	color: color(display-p3 0 1 1);
} 

h2 {
	text-transform: capitalize;
	font-size: 300%;
	line-height: 120%;
}