body {
    background-image: url("images/pattern.png");
}

h1, h2{
    text-align: center;
    margin-right: 150px;
}


.box {
    max-width: 500px;
    margin: 100px auto;
    display: grid;
    grid-gap : 10px;
    grid-template-columns: 100px minmax(0,1fr) ;
    background-image: url("images/ss038.jpg");
    background-size: cover;
    background-position: center;
    padding: 100px 0; 
}



header {
    border: rgb(43, 68, 181) 2px solid;
    background-color: rgb(200, 221, 255);

    grid-row: 1 / 2;
    grid-column: 1 / 3;
    gap: 16px;
}

nav {
    border: rgb(43, 68, 181) 2px solid;
    background-color: rgb(220, 230, 255);

    grid-row: 2 / 3;
    grid-column: 1 / 2;
    height: max-content;
}

main {
    border: rgb(43, 68, 181) 2px solid;
    background-color: rgb(240, 245, 255);

    grid-row: 2 / 3;
    grid-column: 2 / 3;
    height: max-content;
}

footer {
    border: rgb(43, 68, 181) 2px solid;
    background-color: rgb(200, 221, 255);
}
footer {
    grid-row: 3 / 4;
    grid-column: 1 / 3;
}