.container li {
	border:2px solid black;
	border-radius:10px;
	padding:5px;
	margin:10px;
	width:100px;
	background-color:white;
	text-align:center;
	
}

.container ul {
	display:grid; 	
	list-style:none;
	flex-wrap:wrap;
	align-items:center;
	gap:10px;
	grid-template-columns:repeat(2,1fr);
	padding:0;
	max-width:800px;
}

.container li:hover {
	transform:scale(1.05);
}

a {
	text-decoration:none;
	color:black;
	display:block;
}

.container {
	display:flex;
	justify-content:center;
	padding:2px;
	border: 2px solid;
	border-radius:50px;
	width:500px;
	height:600px;
	background-color:#bfbfbf;
	
}

h1 {	
	text-align:center;
	margin-top:40px;
	margin bottom:20px;
	color:white;

}

body {
	background:linear-gradient(#002db3,#ffd24d);
}