*{
    margin: 0%;
}

.wrapper{
    display: grid;
    grid-template-columns: minmax(0px, 1fr) repeat(6, minmax(0, 175px)) minmax(0px, 1fr);
    grid-auto-rows: auto;
    
}
nav{
    grid-column: 1 / -1;
    grid-row: 1 / 2;
    background-color: rgba(245, 40, 145, 0.3);
    height: 50px;

    
}
footer{
    grid-column: 1 / -1;
    grid-row: 7 / 8;
    background-color: rgba(255, 0, 255, 0.3);
    height: 50px;
}
main{
    grid-column: 2 / -2;
    grid-row: 4 / 8;
    background-color: rgba(221, 136, 0, 0.3);
    height: 900px;
}
#homehero{
    grid-column: 1 / -1;
    grid-row: 2 / 4;
    height: 400px;
    background-color: rgba(7, 185, 236, 0.3);
}
header{
    grid-row: 3 / 4;
    grid-column: 1 / -1;
    background-color: rgba(7, 185, 46, 0.3);
    height: 80px;
}
#picture{
    grid-column: 2 / -2;
    grid-row: 5 / 6;
    background-color: rgba(0, 0, 255, 0.3);
    height: 300px;
}