body{
    background-color: aliceblue;
    font-family: 'Trebuchet MS', sans-serif;
  /*background-image: url('static.png');*/
}

header{
  font-size: 30px;
  align-self: center;
  text-align: center;
  background-image: url('banner.png');
  background-repeat: no-repeat;
  align-content: center;
  background-position: center;
}

.container {
  display: grid;
  grid-template-rows: 30px repeat(12, 50px);
  grid-template-columns: 2fr 5fr 0.25fr 2fr;
  background-color: beige;
  gap:1px;
  border: 3px solid black;
}

.item {
  padding: 0.5em;
  background-color: #fb7185;
  font-weight: 700;
  color: var(--clr-light);
  border: 10px solid var(--clr-accent);
}

.side_panel{
    background-color:aquamarine ;
    grid-row-start: 2;
    grid-row-end: 12;
}

.top_bar{
  grid-row: 1;
  grid-column: 1 /span 2;
}

.update_bar{
  grid-row: 1/9;
  grid-column: 4;
}

.gif{
  grid-row: 10/14;
  grid-column: 4;
}

.page_content{
  grid-row: 2/15;
  grid-column:2;

}