.container {
    display: grid;
    grid-template-areas:
      "topbar topnav"
      "menu content"
      "footer footer";
    grid-template-columns: 1fr 3fr;
    /* gap: 3px; */
    /* background-color: dodgerblue; */
    /* padding: 5px; */
  }
  .container div {
    background-color: white;
    /* padding: 10px; */
  }
  .container div.topbar{
    background-color: rgb(32, 32, 32);
    color: white;
    grid-area: topbar;
    text-align: center;
  }
  .container div.topnav {
    background-color: rgb(32, 32, 32);
    color: white;
    grid-area: topnav;
    text-align: center;
  }
  .container div.menu {
    background-color: rgb(32, 32, 32);
    grid-area: menu;
    text-align: center;
  }
  .container div.content {
    grid-area: content;
    text-align: center;
  }
  .container div.footer {
    background-color: rgb(32, 32, 32);
    color: white;
    grid-area: footer;
    text-align: center;  
  }
/* Link Notes */
a:link{color: white; text-decoration: none;}
a:visited{color:white; text-decoration: none;}
a:focus{color:whitesmoke; text-decoration: none;}
a:hover{color: grey; text-decoration: none;}
a:active{color: black; text-decoration: none;}