style.css

body {
	padding: 0;
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	line-height: 1.6;
	color: #333;
}

.bg-gradient-to-r {
    background: linear-gradient(to right, #6366f1, #8b5cf6, #ec4899);
}
.hero-gradient h1,
.hero-gradient p {
	text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
}

.hero-gradient a {
    text-shadow: none;
}
h1, h2, h3, h4 {
	font-weight: 700;
	line-height: 1.2;
	color: #111;
}

p {
	color: #444;
	margin-bottom: 1em;
}

.card {
	background: white;
}
h1 {
	font-size: 16px;
	margin-top: 0;
}

p {
	color: rgb(107, 114, 128);
	font-size: 15px;
	margin-bottom: 10px;
	margin-top: 5px;
}

.card {
	max-width: 620px;
	margin: 0 auto;
	padding: 16px;
	border: 1px solid lightgray;
	border-radius: 16px;
}

.card p:last-child {
	margin-bottom: 0;
}