* {
  margin: 0;
  padding: 0;
}

body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}


header {
  background-color: black;
  color:red ;
  min-height: 20vh;
  text-align: center; 
  

}

.logo > a:visited {
    color:red;
    

}

header > a:link  {
   text-decoration: none;
   color: green;
}

header a:link  h1 {
    color: red;
}
header > a:hover > h1 {
    color: blue;
}

/* header h1 {
    color: red;
} */   

/*header > a:visited {

    color:red;

}*/
nav > ul > li > a:link {
/*    color : red; */
    text-decoration : none ;
}
nav > ul > li >a:hover   {
    color : blue;
/*    text-decoration : underline ;*/
   /* border-style: solid;*/
    /*    boder-color: red;*/
    background-color: #caaa;
}
/*nav > ul > li > a:visited
{
    color: red;    
}
*/
       
/*header > a {
  color: red;
  text-decoration: none;
}*/

header > a > h1 {
  margin: 0;
  padding: 0;
}
nav > ul > li{
  text-decoration: none;
  display: inline;

}

nav > ul > li > a{
  color: red;
  text-decoration: none;
  margin: 10%;
}
main {
  
  background-color: brown;
  flex: 1;
  display: flex;
}


article {
  background-color:/* aqua; */ red;
  margin:  auto; 
  padding: 1rem;
  border-radius: 30px;
    
}

  h1 {
    padding: 1rem;
    margin: auto;
  }

  p {
    padding: 0 1rem;
  }
footer {
    background-color: black;
    color: white;
    min-height: 20vh;
    text-align: center;
}
footer > p {
  padding: 1rem;
}