h1{
	text-align: center;
  font-size: 50px;
  font-family: 'Quicksand', sans-serif;
}
body{
	background-color: #DBFCFF;
 	display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
	margin: 0;
}
.cell{
 	width: 200px;
  height: 200px;
  border: 4px solid;
  border-color: #DBFCFF;
  line-height: 75px;
  font-size: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background-color:#DBDAEA;
   font-family: 'Quicksand', sans-serif;
 
}
#gameContainer{
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#cells{
  display: grid;
  grid-template-columns: repeat(3, auto);
  gap: 2px;
  margin: auto;
  
  
}


#resetBtn{
  margin: 0px auto; 
  border-radius: 10px;
  background-color: red;
  height: 75px;
  width: 75px;
  background-image: url('https://projects.codecraftworks.com/web/1ffVqWmgsQ8Oc4wpp5dS/assets/broom.jpg');
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
}

h2{
	font-size: 50px;
  margin-top: 20px; 
  text-align: center;
  font-family: 'Quicksand', sans-serif;
}