html {
	margin: 0px;
	padding: 0px;
	background-color: gray;
}
body {
	margin: 0px;
	padding: 0px;
	width: 100%;
}
#header {
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	padding: 0px;
	width: 1200px;
	height: 120px;
}
#ht {
	margin: 0px;
	padding: 0px;
	padding-top: 0px;
	padding-right: 40px;
	font-size: 100px;
	text-align: right;
}
#nav {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 50px;
	background-color: red;
}
#bar {
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	width: 1200px;
	height: 50px;
	background-color: green;
}
li {
	margin: 0px;
	margin-left: 20px;
	margin-right: 20px;
	padding: 0px;
	float: left;
	list-style: none;
	width: 200px;
	height: 50px;
	text-align: center;
	background-color: yellow;
}
#body {
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	width: 1200px;
	height: 600px;
	background-color: blue;
}
#pic {
	padding-top: 225px;
	margin-right: auto;
	margin-left: auto;
	height: 150px;
	display: block;
	
}
#footer {
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
	width: 100%;
	height: 140px;
	background-color: red;
}
.button {
	border-style: rounded;
	Border-radius: 10px;
}
.button:hover {
	background-color: orange;
}
#pic:hover {
	 -ms-transform: rotate(-20deg);
	transform: rotate(360deg);
}