body {
    overflow: hidden;
    height: 100vh;
    -ms-overflow-style: none;   
    scrollbar-width: none; 
}

.foreground {
    display: grid;

    grid-template-columns: repeat(11, 1fr);
    grid-template-rows: repeat(6, 1fr);

    place-items: center;


    height: 100vh;
    width: 100vw;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
  
}


.linkimg:hover {
    scale: 1.07;
    cursor: pointer;
    transition-duration: 1s;
}

.linkimg {
    z-index: 3;
    transition-duration: 1s;
}


.bgWindow {
    height: 95%;
    position: absolute;
    left: 0;
    top: 0px;
    z-index: -6;
}

.bgTable {
    width: 48%;
    position: absolute;
    right: 0;
    bottom: 0px;
    z-index: -4;
}
.bgFloor {
    width: 95%;
    position: absolute;
    left: 0;
    bottom: 0px;
    z-index: -5;
}

#bgRainbow {
    width: 62%;
    position: absolute;
    right: 0;
    top: 150px;
    z-index: -7;
}


#books {
    grid-area: 5/1/7/3;
    translate: 0px -25px;
}

#books img {
    height: 35vh;
}

#decks {
    grid-area: 4/8/7/12;
    translate: 20px 0px;

}

#decks img {
    height: 48vh;
}

#murals {
    grid-area: 2/9/4/11;
    translate: 30px -100px;
}

#murals img {
    height: 22vh;
}

#prints {
    grid-area: 3/7/6/9;
    translate: 100px -80px;
}

#prints img {
    height: 48vh;
}

#merch {
    grid-area: 4/6/7/8;
    translate: -90px -35px;
}

#merch img {
    height: 53vh;
}
#shop {
    grid-area: 2/5/3/7;
    translate: 60px -35px;
}

#shop img {
    height: 20vh;
}

#sites {
    grid-area: 4/3/6/5;
    translate: -95px -5px;
}

#sites img {
    height: 20vh;
}