html, body {
  height: 100%;
}
body {
    background-color: Azure;
    font-family: Verdana, Arial, Hervetica, sans-serif;
    font-size:large;
}
h1{
    text-align: center;
    text-shadow: 6px 4px 1px rgba(0,0,0,0.2)
}

#menu{

    margin: 0 auto;
    width: 1000px;
}
#menu ul{
    margin: 0px;
    padding: 0px;
}
#menu ul li{
    text-align: center;
    border-top:solid 1px Grey;
    border-bottom: solid 1px Grey;
    width: 200px;
    display: inline;
    float: left;
    list-style-type: none;
}
#menu ul li a{
    text-decoration: none;
    line-height: 40px;
    color: black;
    height: 40px;
    display: block;

}
#menu ul li a:hover{
    background:antiquewhite;
    color: black;
}
.blocktext {
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
    width: 100%;
    display: flex;
    flex-direction: column;
}
a:hover{
    background:rgb(158 255 143);
}