/* #grid {
    display: grid;
    grid-template-columns: repeat(10, 10%);
    grid-template-rows: repeat(10, 10%);
    height: 500px;
    width: 500px;
} */

#row1, #row2, #row3, #row4, #row5, #row6, #row7, #row8, #row9, #row10 {
    display: flex;
    flex-direction: row;
    height: 100px;
    width: 1000px;
}

.hi {
    height: 100px;
    width: 100px;
    border: 2px solid black;
    display: inline-block;
}

.hi {
    position: relative;
}

.hi img {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 90px;
    height: 90px;
    pointer-events: none;
}

#person {
    z-index: 1;
}

#foreground {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: url('assets/untitled.png') center center no-repeat;
    background-size: cover;
    z-index: 9999;
    pointer-events: none; /* So you can still interact with the game below */
    display: none; /* Hide by default */
}