html, body {
    margin: 10;
    padding: 10;
}

.grid{
    display: flex;
    flex-wrap: wrap;
    width: 420px;
    height: 420px;
    border: solid white 3px;

}

.grid div{
    width: 15px;
    height: 15px;
    /* background-color: blue; */
}

.pac-dot{
    background-color: green;
    border: 5px solid white;
    box-sizing: border-box;
}

.wall{
    background-color: blue;
}

.power-pellet{
    background-color: yellow;
    border-radius: 7.5px;
}

.pacman{
    background-color: red;
    border-radius: 7.5px;
    border: none;
}

.blinky{
    background-color: orange;
    border: none;
}

.pinky{
    background-color: rgb(214, 138, 151);
    border: none;
}

.inky{
    background-color: cyan;
    border: none;
}

.clyde{
    background-color: rgb(171, 0, 228);
    border: none;
}

.scared-ghost{
    background-color: green;
    border: none;
}