body{
text-align: center;
background-color: rgb(206, 203, 203);
-webkit-text-fill-color: black;
font-size: large;
text-decoration: none;

}

nav a{

background-color: rgb(228, 140, 25);
margin: 6px;
padding: 1%;
border-radius: 50%;
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
text-decoration: none;
cursor:help;

color: black;
}

nav a:hover{
background-color: rgb(123, 59, 27);
color: rgb(255, 255, 255);
text-decoration: none;

}

article{

display: flex;
flex-direction: column;


}
section{
display: flex;
cursor:vertical-text;
}
  
    @media (max-width: 800px) {
  nav a{
    display: flex;
    flex-direction: column;
    border-radius: 1%;

    padding: 2%;
  }

      article{

        display: flex;
        flex-direction: row;
        
        }
        section{
     
          flex-direction: column;
          }
      
    }

nav{
    border-color: rgb(228, 140, 25);
    padding-bottom: 20px;
    border-width: 10%;
border-top: 0;
border-right: 0;
border-left: 0;
border-style: solid;
text-decoration: none;

}