.box { max-width: 1000px;
margin: 50px auto;
display: grid;
grid-gap: 20px;
grid-template-columns: 200px minmax(0, 1fr);
 }


header {
  border: black 5px outset;
  grid-row: 1 / 2;
  grid-column: 1 / 3 ;
  padding: 10px 5px 5px 375px;
  




background: conic-gradient(

#46f073 90deg,

#33b054 90deg 180deg,

#46f073 180deg 270deg,

#33b054 270deg
);
background-repeat: repeat;
background-size: 60px 60px;
color: #021808
}

nav{
  border: black 5px outset;
  grid-row: 2 / 3 ;
  grid-column: 1 / 2 ;
  height: max-content;
  padding: 10px 5px 5px 5px;
  
  background: conic-gradient(

#ff2121 90deg,

#ff4545 90deg 180deg,

#ff2121 180deg 270deg,

#ff4545 270deg
);
background-repeat: repeat;
background-size: 60px 60px;
}

main{
  border: black 5px outset;
  grid-row: 2 / 3 ;
  grid-column: 2 / 3 ;
  height: max-content;
  padding: 10px 10px 10px 10px;
  background: conic-gradient(

#0051ff 90deg,

#2469ff 90deg 180deg,

#0051ff 180deg 270deg,

#2469ff 270deg
);
background-repeat: repeat;
background-size: 60px 60px;
color: white
}
footer{
  border: black 5px outset;
  grid-row: 3 / 4 ;
  grid-column: 1 / 3 ;
  padding: 10px 5px 5px 5px;
  background: conic-gradient(

#ffe81c 90deg,

#fff066 90deg 180deg,

#ffe81c 180deg 270deg,

#fff066 270deg
);
background-repeat: repeat;
background-size: 60px 60px;
color: black
}



body
{
 background-image: url("https://files.catbox.moe/jf3en2.png");
 font-family: Courier New;
 Color: white;
padding: 10px 10px 10px 10px
  
}