body{
  color: #2b1d0e}

body{
background-image: url("Block.jpeg");
background-size: cover;
}

 
 .abc{
  border: 10px solid #2b1d0e;
  width: 200px;
  height: 200px;
  padding: 20px;
  margin: 1px;
  background: darkolivegreen;
grid-row-start: 1;
grid-row-end: 3;
grid-column-start: 3;
grid-column-end: 5;
}
  
  .game{
   border: 10px solid #2b1d0e;
    width: 400px;
    height: 200px;
    padding: 10px;
    margin: 1px;
  background: darkolivegreen;
  grid-row-start:6 ;
  grid-row-end:7 ;
  grid-column-start:6 ;
  grid-column-end:7 ;
  }
  
    
    
  .header{
  background: darkolivegreen;
  border: 10px solid #2b1d0e;
  width: 100%;
  height: 100px;
  padding: 20px;
  margin: 1px;
  position: relative;
 float: none;

}
  
 .wrapper{
   display: grid;
   grid-template-rows: 10% 10% 10% 10% 10% 10% 10%;
   grid-template-columns: 10% 10% 10% 10% 10% 10% 10%;
gap: 3%;
 }
 
 .sidelikes{
  background: darkolivegreen;
  border: 10px solid #2b1d0e;
  width: 100px;
  height: 700px;
  padding: 20px;
  margin:1px;
 grid-row-start: 1;
 grid-row-end: 7;
 grid-column-start: 1;
 grid-column-end:2;
  }
  
  .mylife{
  background: darkolivegreen;
  border: 10px solid #2b1d0e;
  width: 400px;
  height: 200px;
  padding: 20px;
  margin: 1px;
  grid-row-start: 3;
  grid-row-end:4;
  grid-column-start: 2;
  grid-column-end: 3;
  }
  
  
  .info{
  border: 10px solid #2b1d0e;
  width: 200px;
  height: 300px;
  padding: 20px;
  margin: 1px;
  background: darkolivegreen;
    grid-row-start: 1;
    grid-row-end:2;
    grid-column-start:1;
    grid-column-end:2;
  }
  
 
  
 body {
    cursor: url(pixil-frame-0.png)64 64, default;
 }