.container {
display: grid;
grid-template-columns: auto auto auto; 
gap: 15px;
background-image: url(https://scripted.neocities.org/image.jpg);
border-width: 15px;
border-style: solid;
border-image: url("https://i.imgur.com/2jXrMdE.png") 11 fill round;
margin:auto; width: 900px; height:fit-content auto; border-radius: 10px;
position: relative; 
}
.container div {
background-color: #b883ed;
border: 5px solid #ff00bf4d;
padding: 5px; 
font-size: 20px;
text-align: center; 
border-width:16px;
border-style:solid;
border-image: url("https://i.imgur.com/Kh6qtcn.png") 11 fill round;         
border-radius: 21px
}
.Header {
    grid-column: 1 / 7 ; 
    grid-row: 1;
    height: 236px;
background-image: url("https://roadkill-raph.neocities.org/images/puppy_header_long.PNG");
background-size: contain; 
}
.Main {
    grid-column: 1 / 4; 
    grid-row: 2; 

}
.Navigation {
    grid-column: 5 / 7;
    grid-row: 2; 
    grid-template-columns: minmax(min-content, 400px);
}
.Footer {
    grid-column: 1/ 7;
    grid-row: 3; 
}