* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
	background-color:lightgray;
}
.nav{
    height:70px;
    background-color:black;
    display:flex;
    align-items:center;
}
.h1{
	color:white;
	margin-left:2%;
}
.div{
	height:100%;
	width:30%;
	display:flex;
	align-items:center;
	font-size:20px;
	justify-content:center;
	margin-left:26%;
	gap:8%;
}
.li1,.li2,.li3,.li4,.li5{
	text-decoration:none;
	color:white;
	border-radius:10px;
	padding:4px 15px;
	transition:all 0.3s;
}
.li1:hover{
	background-color:rgba(237, 223, 223, 0.2);
}
.li2:hover{
	background-color:rgba(237, 223, 223, 0.2);
}
.li3:hover{
	background-color:rgba(237, 223, 223, 0.2);
}
.li4:hover{
	background-color:rgba(237, 223, 223, 0.2);
}
.li5:hover{
	background-color:rgba(237, 223, 223, 0.2);
}
.hkg{
	color:white;
	text-decoration:none;
	font-size:20px;
	margin-left:20%;
	outline:1px solid white;
	padding:6px 15px;
	border-radius:10px;
	transition:all 0.3s;
}
.hkg:hover{
	transform:scale(1.030);
	border-radius:13px;
}