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

header {
    grid-row: 1 / 2;
    grid-column:  2 / 8;
    text-align: center;
    background-color: rgb(0, 5, 128,.5);
}

body {
    background: linear-gradient(#431380, #FFFFFF,#701380);
    background-attachment: fixed;
}

nav {
    grid-row: 2 / 3;
    grid-column: 2 / 8;
    text-align: center;
    background-color: rgb(255, 0, 122,.5);
}

main{
    grid-row: 4 / 5;
    grid-column: 2 / 8;
    text-align: center;
    background-color: rgb(112, 255, 0,.5);
}

#deckhero{
    height: 550px;
    background-image: url("steamdeck.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: white;
    grid-row: 3 / 4;
    grid-column: 1 / 9;
}

footer {
    font-size: .70rem;
    font-style: italic;
    text-align: center;
    padding: 1rem;
    grid-row: 5 / 6;
    grid-column: 2 / 8;
    background-color: rgb(255, 168, 0,.5);
}