body  { color: black; font-size: 12px; font-family: Georgia; background-color:#ffffff}
a { color: green; font-size: 20px; font-family: Georgia; text-decoration: none }
a:hover { color: #b5d957 }
td { font-size: 17px; font-family: Georgia;
    text-decoration: none;font-weight: bold;color:blue; }

.container {
     
background-size: cover;
  display: grid;
  width: 100%;
  height: 100%;
  grid-template-areas: "header-0 header-1 header-2"
  "left main right"
  "footer footer footer";
  grid-template-columns: 120px 4fr 1fr;
  grid-template-rows: 120px 1fr 80px;
}
.container > div {
   
}

.header-0 {
    background: #ffffff;
  grid-area: header-0;
}
.header-1 {   font-size: 17px; font-family: Georgia;
    text-decoration: none;font-weight: bold;color:blue;
    bottom: 0;
    background: #ffffff;
  grid-area: header-1;
}
.header-2 {
    background: #ffffff;
  grid-area: header-2;
}
.left {
  grid-area: left;
}
.main {
   color:white;
    font-size: 16px; font-family: Georgia;
    text-decoration: none;font-weight: bold;
  grid-area: main;
}

.right {
  grid-area: right;
}
.footer {  text-align: center;
    background: #ffffff;
  grid-area: footer;
}

.yellowbg { 
     font-size: 55px; font-family: Georgia;
    text-decoration: none;font-weight: bold;
    text-align: left;
height: 100px;
  width: 100%;
    background: 	#FFFF00;
     z-index: -10;

}