#wrapper {
    display: grid;
    grid-template-rows: 75px 75px 35px 40px 700px 50px 35px 40px;
    grid-template-columns: minmax(0px, 1fr) repeat(5, minmax(0, 175px)) minmax(0px, 1fr)
}

header {
    background-color: rgba(255, 0, 0, 0.3);
    grid-row: 1 / 3;
    grid-column: 1 / 9;
    text-align: center;
    border: solid
}

nav {
    background-color: rgba(20, 0, 201, 0.3);
    grid-row: 3 / 5;
    grid-column: 1 / 9;
    text-align: center;
    border: solid
}

main {
    background-color:rgba(44, 0, 42, 0.3);
    text-align: center;
    grid-row: 5 / 7;
    grid-column: 2 / 7;
    border: solid
}

footer {
    background-color:rgba(192, 206, 0, 0.3);
    text-align: center;
    grid-row: 7 / 9;
    grid-column: 1 / 9;
    border: solid
}

h1 {
    color:rgb(255, 255, 255);
}

body {
    background-color:rgba(255, 255, 255, 0.3)
}