/*  root is where I can define Global Variables */

:root {
    --PageBack :  lightgrey; /* a gentle Background colour */
    --MainBack : Beige;
    --NavBack :  Blue;
    --NavLink : rgb(187, 224, 99);
    --DevLogBack : rgb(38, 36, 177);
}
/* styles for Top Navigation Bar */

 .TopNav 
  {background-color: var(--NavBack);}
  Nav a{color : var(--NavLink)}
 
/* Styles For Main Body */
  .MainBody 
  {background-color: var(--MainBack);}

  body 
  {background-color: var(--PageBack);}

  h1 
  { color: Black;
    text-align: center;}

  p {font-family: verdana;
    font-size: 20px;}

  /* Style for Information Page */
  .DevLogTable
  {background-color: var(--DevLogBack);}

  button{
    background-color: black;
    color: aliceblue;
    border-radius: 5px;
    }