body {
	font-family: sans-serif;
	font-size: 13px;
	line-height: 1.6;
	margin: 0;
	padding: 20px;
	background-color: #eee;
	display: flex;
	flex-direction: column;
	align-items: center;
}
h1 {
	font-size: 2.5em;
}
h2 {
	font-size: 2em;
}
p {
	font-size: 1.2em;
}
code {
	font-size: 1.2em;
}
a {
	color: #00f;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.container {
	display: grid;
	grid-template-columns: repeat(
		auto-fill, minmax(400px, 1fr)
	);
	width: 90%;
	max-width: 1800px;
}
.card {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 8px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	padding: 15px;
	margin: 15px;
}
/* Responsive Design for Mobile */
@media (max-width: 980px) {
	body {
		font-size: 26px;
	}
	.container {
		grid-template-columns: repeat(
			auto-fill, minmax(100%, 1fr)
		);
		width: 100%;
		max-width: 100%;
	}
}