@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
.grid {
    width: 303px;  /* Halved from 606px */
    height: 303px;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;  /* Centers the grid */
    justify-content: center;
    align-items: center;
}

.square {
    height: 100px;  /* Halved from 200px */
    width: 100px;
    border: solid black 1px;
    cursor: url('../hammer.png'), auto;
}
h1, #time-heading{
	color: yellow;
}
h2, h1 {
    text-align: center;
    font-family: "Press Start 2P", system-ui;
	
}

.mole {
    background-image: url("https://nusaibah01.github.io/all-images/images/mole.jpg");
    background-size: cover;
}
.square:hover{
	cursor: url('../hammer.png'), auto;
}
body {
	background-image: url("../preview.jpg");


    cursor: url('../hammer.png'), auto;
}