header{
    background-color:cadetblue;
    color:white;
    text-align: center;
    border-bottom: solid 1px black;
    font-size:larger;
    height: 70px;
}
ul li{
    display: flex;
    flex-direction: row;
    flex: auto;
}
html{
    background-color: cornsilk;
}
nav{
    background-color:darkgray;
    height: auto;
    font-size: larger;
    
}
nav a:hover{
  background: black;
  color: white;
}
ul{
    display:flex;
    flex-direction:row;
    padding:0;
    margin:0;
    height: auto;

}
ul li{
border-right: solid;
border-bottom: solid;
    
}
ul li:nth-child(1){
    border-left: solid;
}
ul li a{
    display:flex;
    text-align: center;
    flex: auto;
    justify-content: center;
    
}
section{
    display:flex;
    flex-direction: row;
    border-bottom:  1px solid;
    border-right: solid 1px;
}
article{
    flex-basis: 100%;
}
p{
    text-align: center;
}
h2{
    text-align: center;
}
.a1{
    border-left:  1px solid;
    width:auto;
}
.a2{
    border-right:  1px solid;
    border-left:solid 1px;
    width:auto;
}
footer{
    text-align: center;
    border:  1px solid;
    background-color:#8df0f0;
}