.pixel {
    width: 25px;
    height: 25px;
    margin: 0;
    padding: 0;
    /* cursor: pointer; */
    opacity: 0;
}

/* Chrome, Brave, Safari */
.pixel::-webkit-color-swatch-wrapper {
    padding: 0;
}

/* Firefox */
.pixel::-moz-color-swatch {
    padding: 0;
}

.container_grid_desktop {
  display: grid;
  grid-template-columns: repeat(30, 30px);
  grid-template-rows: repeat(20, 30px); 
  padding: 0px;
  margin-left:62px;
}

.container_grid_desktop div {
  border: 1px solid rgb(255, 255, 255);
  background: #d1d1d1;
  padding: 0px;
  font-size: 20px;
  text-align: center;
  width:30px;
  height:30px;
}

.container_grid_mobile {
  display: grid;
  grid-template-columns: repeat(12, 30px);
  grid-template-rows: repeat(20, 30px); 
  padding: 0px;
  margin-left:0px;
}

.container_grid_mobile div {
  border: 1px solid rgb(255, 255, 255);
  background: #d1d1d1;
  padding: 0px;
  font-size: 20px;
  text-align: center;
  width:30px;
  height:30px;
}

footer {
  background: #ffffff!important;
}