body {
   font-family: Verdana;
   font-size: 13px;
   text-align: left;
   background-size: 1500px;
   background-repeat: repeat;
   background-attachment: fixed;
   background-position: center; 
   background-image: url(../assets/backgrounds/charcuterie.png);
   color:maroon;
  }
 
 main {
   display: inline-block;
   max-width: 35rem;
   width: 100%;
   border: 4px double maroon;
   padding: 5px;
   background: rgba(255, 250, 240, .8); 
  }
        
  aside {
   padding: 0px 15px;
   display: flex;
   flex-direction: column;
   gap: 10px;
   max-width: 15rem;
   top: 30px;
   width: 100%;
  }
        
  article {
    border: 4px double maroon;
    padding: 5px;
    background: rgba(255, 250, 240, .8); 
  }
  
  box {
    border: 4px double maroon;
    padding: 5px;
    background: rgba(255, 250, 240, .8);
    height:10rem;
    overflow: scroll;
  }
  
  header {
    text-align: center;
  }
  
  #nav a:any-link {
    color: rgb(255, 250, 240);
    text-decoration: none;
  }
  
  #nav a:hover {
    color: sandybrown;
    text-decoration: underline;
  }

  #nav a:active {
    color: rgb(250, 194, 92);
    text-decoration: underline;
  }
  
  #main a:any-link {
    color: rgb(214, 82, 25);
    text-decoration: none;
  }

  #main a:hover {
    color: sandybrown;
    text-decoration: underline;
  }

  #main a:active {
    color: rgb(255, 205, 113);
    text-decoration: underline;
  }
  
  hr {
    color:maroon;
  }