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

* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family: 'Cedarville Cursive', cursive;
	user-select: none;
	color: var(--color-black);
}

:root {
	--color-black: #262626;
	--color-blackTransparency: #26262680;
	--color-white: #fff;
	--color-gray: #999;
	/* --color-human: #F0D4A4;
	--color-human2: #BD9754; */
	--color-poews: #AA8E6D;
}

body {
	background: var(--color-poews);
	/*scrollbar-color: var(--color-black) var(--color-blackTransparency);
	scrollbar-width: none;*/
}

/*style title*/
.title {
	font-size: 50px;
	text-align: center;
}

/*.container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(10, auto);
	gap: 10px;
	justify-items: center;
	aling-items: center;
}*/

.containeer {
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

/* styles poew's */
.grid-container {
	display: grid;
	justify-content: center;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	grid-auto-rows: minmax(100px, auto);
	gap: 250px 50px;
	padding: 10px;
}