*{
    padding: 0;
    margin: 0;
}
.body{
    background: url("../background.jpg");
    min-height: 100vh;
    background-size: 50% 100%;
    display:flex;
    justify-content:center;
    align-items: center;
}

 #board{ background:url("../bg1.jfif");
    width: 50% ;
    height: 90vmin;
    background-size: 100% 100%;
    border: 2px solid black ;
    display: grid;
    grid-template-rows: repeat(18, 1fr) ;
    grid-template-columns: repeat(18, 1fr) ;
    }

#scoreHead{
    position: absolute;
    top: 10px;
    right:85%;
    font-size: 40px;
    font-weight: bold;

}
.pacman {background:url("../snake1.jpg");
    background-repeat: no-repeat; 
    background-color:blue ;
    background-size: 100% 100% ;
    border-radius: 50%;

    
  }
.snake_body{
    background:url("../snake5.jpg");
    background-color:greenyellow ;
    background-size:  100% 100% ;
    border-radius: 30%;
}
.snake_tail{
    background:url("../snake5.jpg");
    background-size: 100% 100%; 
    border-radius: 50%;
}

      
    

.food{
background:url("../food.jpg");
background-size: 100% 100% ;
background-color: rgb(3, 3, 3);

}