@import url(valiable.css);
@import url(font.css);
@import url("https://unpkg.com/modern-css-reset/dist/reset.min.css");
@import url(door.css);

.category_title {
	position: relative;
}

.category_title h2 {
	font-family: "LINE_SEED_EB";
	font-size: 32px;
}
.category_title p {
	font-family: "SANSILK";
	color: var(--main-color);
	font-size: 64px;
	position: absolute;
	top: -38px;
	left: 90px;
	z-index: -100;
}

.cards {
	margin-top: 32px;
	margin-left: 24px;
	padding: 0px 60px;
	display: flex;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	place-items: center;
	gap: 22px;
}

.cards::-webkit-scrollbar-track {
	background: #ffc2fa;
}

.category_section {
	margin-top: 84px;
}

.read-more {
	font-size: 18px;
	border-radius: 22px;
	text-align: center;
}

@media screen and (max-width: 700px) {
	.category_title h2 {
		font-family: "LINE_SEED_EB";
		font-size: 22px;
	}
	.category_title p {
		font-family: "SANSILK";
		color: var(--main-color);
		font-size: 44px;
		position: absolute;
		top: -32px;
		left: 45px;
		z-index: -100;
	}
	.cards {
		margin-top: 10px;
		padding-left: 100px;
		gap: 120px;
		display: flex;
		overflow-x: scroll;
		height: 500px;
	}

	.cards::-webkit-scrollbar-track {
		background: #ffc2fa;
	}
}