.box {
max-width: 1000px;
margin: 70px auto;
display: grid;
grid-gap: 10px;
grid-template-columns: 250px minmax(0,1fr);
grid-template-rows: auto auto auto;
}

.col {
background: #a4dbf9;
padding: 10px;
border-radius: 5%;
border-spacing: 5px;
}

header {
background: #c8e8f9;
padding: 10px;
}

nav {
background: #c8e8f9 ;
padding: 10px;
}

main {
background: #c8e8f9

}

footer {
background: #c8e8f9 

}

header {
grid-column: 1 / 3;
height: 40px;
width: 500px;
word-break: break-word;
text-align: center;
font-size: 28px;
font-weight: bold;
border-radius: 10px;
}

nav {
grid-row: 2 / 3;
grid-column: 1 / 2;
height:400px;
width: 200px;
border-radius: 10px;
word-break: break-word;

}



main {
grid-row: 2 / 3;
grid-column: 2 / 3;
height: max-content;
word-break: break-word;
border-radius: 10px;
height:400px;
}

footer {
grid-column: 1 / 3;
height: 100px;
width: 1005px;
word-break: break-word;
border-radius: 10px;
}


body{
  background-color: rgb(201, 232, 242);
  color: rgb(71, 54, 179);
  font-family: 'Times New Roman', Times, serif;}

{
<img src="Hello_files/neocities.png"> ;
display: block;
width: 300px ;
height: 300px ;
}


 body {
  background-image: url("../Hello_files/img/webbackground2.png");
  background-repeat: repeat;
}