<style>

body 
{
    background-color: lightblue;
}

h1 {
    color: white;
    text-align: center;
    font-size: 50px;
}

p 
{
    font-family: verdana;
    font-size: 20px;
}

ul
{
	list-style-type: none;
	margin: 5px;
	padding: 0;
	border : 1px solid #555;
	overflow: hidden; /* makes border till end of line */
	background-color: lightgreen;
	font-size: 20px;
margin-left: 50px;
margin-right: 50px;
	border-radius: 25px;
	}

li
{
	float: left; /* do not work in width is given in ul class*/
}

li a
{
	padding: 14px 16px;
	display: block;
	text-decoration: none; /* removes the under line */

	color: red;
	/*border-bottom: 1px solid #555;*/
	text-align: cernter; /* work with  padding only*/
}

li a:hover
{
	background-color: green;
	color: pink;
}

li a:hover(.active)
{
	background-color: #555;
	color: white
}

div.content
{
background-color: lightgray;
border: 1px solid green;
//width: 400px;
padding: 2px;
margin: 1px;
margin-left: 1px;
margin-right: 1px;
align-content: center;
border-radius: 1px;
}

div.Heading
{
background-color: rgb(11,42,168);
border: 1px solid green;
height:150px;
padding: 1px;
align-content: center;
border-radius: 1px;
margin-bottom: 1px;
}

div.clients
{
background-color: pink;
border: 1px solid lightpink;
//width: 400px;
padding: 10px;
margin: 10px;
}

div.footer
{
background-color: pink;
border: 1px solid lightpink;
//font-size: 2px;
//height: 30px;
padding: 10px;
margin: 1px;
}

#ContentImg
{
background-color: white;
border: 1px solid blue;
width: 95%;
height: 95%;
display: block;
margin-left: auto;
margin-right: auto;
}
#HeadImg
{
background-color: white;
border: 1px solid blue;
width: 99.5%;
height: 98%;
display: block;
margin-left: 1px;
margin-right: 1px;
}

</style>