@import url('https://fonts.googleapis.com/css2?family=Bungee&family=Pacifico&display=swap');

@font-face {
	font-family: "futura";
	src: url("/fonts/"FuturaLT-book.woff") format(woff");
	font-weight: bold;
	font-style: normal;
	font-display: fallback;
}

body {
	font-family: "futura", system-ui, sans-serif;
	font-size: 100%;
	line-height: 133%;
} 

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

.second {
	font-family: "Pacifico", cursive;
}

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

/* Media Queries ------------------------*/

@media (min-width: 550px) {  /* mid-width screen */
	.grid-parent, header {
		grid-template-columns: repeat(2, minmax(200px,1fr) );
	}
}

@media (min-width: 850px) {  /*wide screen */
	.grid-parent, header {
		grid-template-columns: repeat(3, minmax(200px,1fr)
	}
}