.grid {
    display: flex;
    flex-wrap: wrap;
    /* 28x28pixel */
    width: 560px;
    height: 560px;
    border: solid black;
    background: #fff;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 20px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.scor{
    text-align: center;
    padding-top: 10px;
}
.grid div {
    width: 20px;
    height: 20px;
}

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

.wall {
    background-color: blue;
}

.power-pellet {
    background-color: green;
    border-radius: 10px;
}

.blinky {
    background-color: red;
}

.pinky {
    background-color: pink;
}

.inky {
    background-color: cyan;
}

.clyde {
    background-color: orange;     
}

.pac-man {
    background-color: #d41236;
    /* background-color: #cccccc; */
    border-radius: 10px;
    /* background-image: url('pac.png'); */
}

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