header, nav, main, footer {
    border: black 2px solid;
    background-color: rgb(255, 142, 20)

}
h1{
    text-align: center;
    color: #ffffff;
}

h4{
    padding: 10px;
}

body{
    background-image: url(images/tilecamo.png);
   
}
.box {
    max-width: 1000px;
    margin: 50px auto;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 200px minmax(0, 1fr);
}
header{
    grid-row: 1 / 2;
    grid-column: 1 / 3;
    text-align: center;
    
}
nav{
    grid-row: 2 / 3;
    grid-column: 1 / 2;
    height: max-content;
}
main{
    grid-row: 2 / 3;
    grid-column: 2 / 3;
    height: max-content;
    padding: 10px 25px;
}
footer{
    grid-row: 3 /4; 
    grid-column: 1 / 3;
}