body {
    background-color:darkgray;
  height: 400px;
   
}

.h1 {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 30px;
    color: rgb(248, 0, 0);
    }

    .grid {
      display: grid;
      grid-template-columns:auto auto auto auto auto;  /*repeat(7, 1fr);7 columns*/
      grid-gap:20px;
      grid-template-rows:100px 400px 100px 100px 100px 100px /*100px*/;
      }
  
  .section1 {
      grid-column:1;
      grid-row:1;
      background-color:rgb(75, 22, 221);
      color:rgb(0, 0, 0);
      text-align:center;
      Font-size:20px;
      position: sticky;
  font-family:cursive;
  
  }
  
  .section2 {
      grid-column:1;
      grid-row:1/3;
      background-color:rgb(0, 238, 255);
      color:rgb(199, 6, 183);
      text-align:left;
      Font-size:20px;
      
  
   }
  
  .section3 {
      grid-column:2/5;
      grid-row:2;
      background-color:rgba(255, 0, 0, 0.459);
      color:rgb(0, 0, 0);
      text-align:left;
      Font-size:18px;
      font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
      
  }
  
  .section4 {
      grid-column:1;
      grid-row:3;
      background-color:rgb(0, 89, 255);
      color:rgb(0, 0, 0);
      text-align:center;
      Font-size:20px;
      
  }
  
  .section5 {
      grid-column:3/5;
      grid-row:3;
      background-color:rgb(115, 255, 0);
      color:rgb(0, 0, 0);
      text-align:left;
      Font-size:20px;
      font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  height: 600px;
  
  
  }
  
.img {
    float: right;
  
}

.img2 {
    float: left;
}