header  {
    background-color: rgba(229, 255, 0, 0.3);
    grid-row: 1/2;
    grid-column: 2/4;
    border: solid 1px black;
    height: 120px;
    text-align: center;
}

nav {
    background-color: rgba(0, 255, 76, 0.3);
    grid-row: 1/2;
    grid-column: 1/-1;
    height: 150px;
}

footer  {
    background-color: rgba(0, 255, 76, 0.3);
    grid-row: 7/8;
    grid-column: 1/-1;
    height: 150px;
}

#webdev  {
    background-color: rgba(255,0,0,0.3);
    grid-row: 2/3;
    grid-column: 2/3;
    border: solid 1px black;
    height: 500px;
}

#gamedev  {
    background-color: rgba(200, 255, 0, 0.3);
    grid-row: 2/3;
    grid-column: 3/4;
    border: solid 1px black;
    height: 500px;
}

#softwaredev  {
    background-color: rgba(0, 255, 191, 0.3);
    grid-row: 3/4;
    grid-column: 2/3;
    border: solid 1px black;
    height: 500px;
}

#photography  {
    background-color: rgba(4, 0, 255, 0.3);
    grid-row: 3/4;
    grid-column: 3/4;
    border: solid 1px black;
    height: 500px;
}

#whyty  {
    background-color: rgba(204, 0, 255, 0.3);
    grid-row: 4/5;
    grid-column: 2/-2;
    height: 100px;
    border: solid 1px black;
}

#business1  {
    background-color: rgba(255, 97, 97, 0.3);
    grid-row: 5/6;
    grid-column: 2/3;
    border: 1px solid black;
    height: 150px;
}

#business2  {
    background-color: rgba(255, 0, 170, 0.3);
    grid-row: 5/6;
    grid-column: 3/4;
    border: 1px solid black;
    height: 150px;
}

#business3  {
    background-color: rgba(123, 255, 0, 0.3);
    grid-row: 6/7;
    grid-column: 2/3;
    border: 1px solid black;
    height: 150px;
}

#business4  {
    background-color: rgba(255, 0, 0, 0.3);
    grid-row: 6/7;
    grid-column: 3/4;
    border: 1px solid black;
    height: 150px;
}

#wrapper {
    display: grid;
    grid-auto-rows: minmax(0px, auto);
    grid-template-columns: minmax(0, 1fr) 1fr 1fr minmax(0, 1fr);
}