body {
  margin: 0;
  background: rgba(255, 234, 0);
  background: whitesmoke;
  overflow: hidden; /* important: no page scroll */

    font-weight: bold;
  font-family: "Apple Chancery"; 
  color: white; 
  font-size: 2em;
}




.imagePond {
    position: fixed;        
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -10;     
}



.constellation {
  position: absolute;
  top: 50%;
  left: 50%;

  width: 2000px;
  height: 2000px;

  display: grid;
  grid-template-columns: repeat(20, 100px);
  grid-template-rows: repeat(20, 100px);
  gap: 5px;

  transform: translate(-50%, -50%);
  cursor: grab;
}

.constellation:active {
  cursor: grabbing;
}

.constellation img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}