header {
	background: linear-gradient(135deg, #8dd162 0%, #67c7bc 100%);
	color: white;
	width: 100%;
	padding: 40px 0;
	text-align: center;
	box-shadow: 0 rpx 6px rgba(0,0,0,0.1);
}
h2 {
	color: #67c7bc;
}



body {

	font-family:  'Segeo UI',  Tahoma;
	background-color: #8b2df7
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}

footer {
	margin-top: auto;
	padding: 20px
	color: #888:
}
.container {
	width: 80%
	max-width: 800px;
	margin-top: 30px;
}
.card {
	background: white;
	padding: 20px;
	margin-bottom: 20px;
	bored-radius: 12px;
	box-shadow: 0 2px 15px rgba(0,0,0,0.05);
	transition: transform 0.3s ease;
}
.card:hover {
	transform: translateY(-tpx);
}