body {background-color: wheat;font-family: Consolas;}
header {border: 2px solid saddlebrown ; background-color: tan;}
h1 {color: saddlebrown; text-align: center;}

p {
    display: block;
    margin: 2px 2px;
    padding: 8px;
   
}
main { display: flex;}
nav {flex:1;}
     aside { flex: 2; border: saddlebrown solid 2px; margin-left: 5px; padding-top: 2pt;}
     article{flex: 4;}
h3 { margin-left:8pt;}
footer {border: saddlebrown solid 2px; padding-left: 5px; padding-top: 2pt;}

button {
    padding: 7px 30px;
    margin: 4px;
    outline: none;  
    border: 1px solid saddlebrown;
    border-radius: 20px;
    cursor: pointer;
    color: saddlebrown;
    background: tan;
    font-family: Consolas;
}
    



.card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  max-width: 300px;
  margin: auto;
  text-align: center;
}

.title {
  color: grey;
  font-size: 18px;
}