*{
    box-sizing: border-box;
}
#wrapper{
    display: grid;
    grid-template-columns: minmax(0px, 1fr) repeat(6, minmax(0, 150px)) minmax(0px, 1fr);
    grid-template-rows: repeat(15, minmax(0, 50px));
    background-color: rgb(255, 255, 255);
    margin: 0 auto;
}
header{
    grid-column: 1/-1;
    grid-row: 1/2;
    background-color:rgba(237, 109, 130, 0.3);
}
nav{
    grid-column: 2/-2;
    grid-row: 1/2;
    background-color: rgba(218, 155, 224, 0.3);
    font-weight:bold;
}
nav a{
    text-align: right;
}
#homeHero{
    grid-row: 1/6;
    grid-column: 1/-1;
    background-color: rgba(245, 66, 126, 0.3);
}
main{
    grid-column: 2/-2;
    grid-row: 5/-2;
    background-color: rgba(250, 245, 97, 0.3);
}
#welcome{
    grid-column: 1/-1;
    grid-row: 5/8;
    background-color: rgba(3,136,252, 0.3); 
}
footer{
    grid-column:1/-1;
    grid-row: -1/-3;
    background-color: rgba(77, 235, 125, 0.3);
}