/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 22 2021 | 23:44:22 */
/* FONTS*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap');
/*    2 columns with a title*/
#twoColTable {
display: grid-inline;
grid-template-columns: 1fr 4fr;
grid-template-gap: .25em;
border: 1pt solid black;
}
#twoColTableHead {
grid-column: 1/6;
text-align: center;
  color: red;
}
#col01{
  grid-column:2/4;
padding: .5em;
  color: blue;
}
#col02{
  grid-column: 4/6;
padding: .5em;
  color: green;
}
/* grid template area*/
.grid-container {
  display: grid;
  grid-template-areas:
    'head head'
    'col01 col02'
    'footer footer';
  grid-gap: .5em;
  .grid-container > div{
    background-color: lightyellow;
    padding: .1em;
  }
  .itemHead {
    grid-area: head;
  }
  .itemCol01 {
    grid-area: col01;
  }
    .itemCol02 {
      grid-area: col02;
    }