body {
  background-image: url("/assets/pokeballsbg.png");
    
    
}
.container {
        max-width: 1000px;   
      margin:  50px auto; /* 0 for top/bottom margin, auto for left/right */
    display:grid;
        grid-gap: 20px;
        grid-template-columns: 130px auto;
     
            
} 
    main{
    text-align: center;
        grid-row:2/3 ;
        grid-column:2/3 ;
        height: max-content;
        border-radius: 10px;
          color: black;
  background: white;
  padding: 4px;
  image-rendering: pixelated;
  border-image-width: 14px;
  border-image-outset: 7px;
  border-image-slice: 36%;
  border-image-repeat: round round;
  border-style: solid;
  border-image-source: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAVAgMAAAA/TvYGAAAAAXNSR0IB2cksfwAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAAxQTFRFAAAAAAAA////+Pj4EZhu1AAAAAR0Uk5TAP///7MtQIgAAABaSURBVHicY2T9zcDA+ptRUkeA4Yg6YyhrAMPq34xZ+nsYRdQYpbw/MLguY2TtLmBInc3IZnWAQfI5o+RzBgY2KxIodkuwPqgpkj4fGFyWo1ukLcBwVI0R4hYAN4IjlkoaqZsAAAAASUVORK5CYII=");

    
}
nav{
    
  grid-row: 2/3 ;
 grid-column:1/2 ; 
 height: max-content;
    background-image: url("/assets/.png");
    border-radius: 10px;
      color: black;
  background: white;
  padding: 4px;
  image-rendering: pixelated;
  border-image-width: 14px;
  border-image-outset: 7px;
  border-image-slice: 36%;
  border-image-repeat: round round;
  border-style: solid;
  border-image-source: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAVAgMAAAA/TvYGAAAAAXNSR0IB2cksfwAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAAxQTFRFAAAAAAAA////+Pj4EZhu1AAAAAR0Uk5TAP///7MtQIgAAABaSURBVHicY2T9zcDA+ptRUkeA4Yg6YyhrAMPq34xZ+nsYRdQYpbw/MLguY2TtLmBInc3IZnWAQfI5o+RzBgY2KxIodkuwPqgpkj4fGFyWo1ukLcBwVI0R4hYAN4IjlkoaqZsAAAAASUVORK5CYII=");
    
}

header
{
    
grid-row: 1/2 ;
 grid-column:1/3 ;  
    
    border-radius: 10px;
    text-align-last: center;
      color: black;
  background: white;
  padding: 4px;
  image-rendering: pixelated;
  border-image-width: 14px;
  border-image-outset: 7px;
  border-image-slice: 36%;
  border-image-repeat: round round;
  border-style: solid;
  border-image-source: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAVAgMAAAA/TvYGAAAAAXNSR0IB2cksfwAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAAxQTFRFAAAAAAAA////+Pj4EZhu1AAAAAR0Uk5TAP///7MtQIgAAABaSURBVHicY2T9zcDA+ptRUkeA4Yg6YyhrAMPq34xZ+nsYRdQYpbw/MLguY2TtLmBInc3IZnWAQfI5o+RzBgY2KxIodkuwPqgpkj4fGFyWo1ukLcBwVI0R4hYAN4IjlkoaqZsAAAAASUVORK5CYII=");
}
footer 
{
    grid-row: 3/4 ;
    grid-column:1/3 ;
    border-radius: 10px;
}