/* Basic style - to all elements on the page */

   body {
       background-color: lightcyan;
       font-style: normal;
   }

   h1 {
       font-family: 'Calibri';
       text-shadow: 1px 1px white;
       color: rgb(122, 121, 120);
   }

   h2 {
       font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
       text-decoration: underline;
       color: rgb(0, 0, 0);
   }



   /*containers*/
   .container {
       display: grid;
       grid-template-areas:
           "header header"
           "menu content"
           "footer footer";
       grid-template-columns: 1fr 3fr;
       gap: 1px;
       background-color: rgb(35, 20, 20);
       padding: 0px;
   }

   .container div {
       background-color: lightcyan;
       padding: 12px;
   }

   .container div.header {
       grid-area: header;
       text-align: center;
   }

   .container div.menu {
       grid-area: menu;
   }

   .container div.content {
       grid-area: content;
   }


   /*font-size: 5vw;*/