ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: green;
}

li {
    float: left;
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover {
    background-color: #111;
}


body {
	background-color: lightgreen;
}
h1 {
	color:darkgreen;
	font-size:30;
	font-family:fantasy;
}
h2 {
	color:darkgreen;
	font-size:25;
	font-family:monospace;
    }
h3 {
	color:darkgreen;
	font-size:30;
}
body {
	font-size:16;
	color:#316045;
	background-color: lightgreen;
}



img.hor {
	width:360px;
	height:240px;
	transition:2s;
}
img.hor:hover {
	width:720px;
	height:480px;
}

img.ver {
	width:256px;
	height:227.5px;
	transition:2s;
}
img.ver:hover {
	width:455px;
	height:512px;
}