html,
body {
    margin: 10;
    padding: 10;
    text-align: center;
}

.grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    width: 420px;
    height: 420px;
    border: solid 1px black;
}

.grid div {
    width: 15px;
    height: 15px;
}

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

.wall {
    background-color: rgb(91, 166, 209);
}

.power-pellet {
    background-color: rgb(196, 33, 122);
    border-radius: 7.5px;
}

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

.blinky {
    background: rgb(128, 0, 0);
    border: none;
}

.pinky {
    background-color: pink;
    border: 0;
}

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

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

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