html{
      background-image: url('../assets/purpletile.png');
 }

body {
    font-family: 'CHNOPixel', sans-serif; 
}
.container{
      max-width: 1000px;
      margin: 50px auto;
      display: grid;
      gap: 10px;
      grid-template-columns: 250px auto;
}


header{
      grid-row: 1/2;
      grid-column: 1 /3;
      text-align: center;
    
}

nav{
      grid-row: 2/3;
      grid-column: 1/2;
      height: max-content;
      background-color: rgba(42, 22, 51, 0.653);
      border-style: solid;
          border-image: url("https://file.garden/ZZ2PUl9MPilKgIvB/collection/borders/47005893_hZuxRd1BAVVuLPW.png") 10 fill;
      
}

main{
      grid-row: 2/3;
      grid-column: 2/3;
      height: max-content;
      background-color: rgba(42, 22, 51, 0.653);
      border-style: solid;
          border-image: url("https://file.garden/ZZ2PUl9MPilKgIvB/collection/borders/47005893_hZuxRd1BAVVuLPW.png") 10 fill;

}

footer{
      grid-row: 3/4;
      grid-column: 1/3;
      background-color: rgb(84, 48, 105);
      text-align: center;
}