My :hover doesn't work properly, When i hover over the h2's it doesn't underline the h2
My home page
h1 {
text-align:center;
margin-top: 50px;
font-family: "Garamond", serif;
}
h2 {
text-align:center;
margin-top: 0px;
font-size: 15px;
font-family: "Garamond", serif;
}
.center {
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 80px;
float:middle;
}
header > h2 {
color: #2D52A0;
font-family: "Arial", sans-serif;
}
header > h2:hover {
text-decoration: underline;
}
.English {
position: relative;
bottom: 250px;
right: 120px;
}
