.box{
    max-width: 1000px;
    margin: 10px auto;
    display: grid;
    grid-template-columns: 200px 200px 200px 200px 200px;
    border: black 2px solid;
}
.box1{
    max-width: 1000px;
    margin: 10px auto;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 200px minmax(0, 1fr);
}

nav, main, footer{
    border: black 2px solid;
}

header{
    grid-row: 1/2;
    grid-column: 1/3;
    background-color: #89c690;
}

header1{
    grid-row: 1/2;
    grid-column: 3/4;
    background-color: #89c690;
    text-align: center;
}

header2{
    grid-row: 1/2;
    grid-column: 4/6;
    max-height: max-content;
    text-align: right;
    background-color: #89c690;
}

nav{
    grid-row: 1/2;
    grid-column: 1/2;
    max-width: 200px;
    height: max-content;
}

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

p{
  text-align: justify;
}

img{
    display: block;
    margin: 10px auto;
    margin-left: auto;
    margin-right: auto;
    max-width:100%;
    max-height:100%;

}

#keybanner{
    max-width:50px;
    max-height:50px;
}