body {
	background-color:#f5f5f5;
	font-family: Arial, sans-serif;
	text-decoration:none;	
}

h1 {
	text-align:left;
	text-decoration:None;
	margin-top:40px;
	margin-left:20px;
}

.box ul { 
	display:flex;
	list-style:none;
	padding:0;
	flex-wrap:wrap;
	justify-content:center;
	gap: 20px;
	align-items:center;
}
.box li {
	border:2px solid #ccc;
	border-radius:10px;
	padding:20px;
	width:150px;
	box-shadow: 0 4px 6px rgba(0,0,0,0.1);
	background:linear-gradient(135deg,#e6ccff,#ffffff);
	transition: transform 0.2s;
}
.box li:hover {
	transform:scale(1.05);
}
.box a {
	text-decoration:none;
	color:black;
	font-weight:bold;
	display:block;
}

.container {
	border:2px solid;
	border-radius:20px;
	width:500px;
	height:350px;
	align-items:center;
	justify-content:center;
	padding:20px;
	display:flex;
	margin:100px auto;
	background:linear-gradient(135deg,black,blue,black);
}