.content-wrap {
  display: grid;
  grid-template-columns: 0.6fr 1.8fr 0.6fr;
  grid-template-rows: 0.5fr 2fr 0.5fr;
  gap: 0px 0px;
  grid-template-areas: "backgrid topcenter ." ". playercanvasgrid ." ". . startgrid";
}

.backbutton {
  border: none;
  height: 50px;
  width: 100px;
  border-radius: 10px;
  margin: 10px 0 0 10px;
}

.playercanvasgrid {
  grid-area: playercanvasgrid;
}

.backgrid {
  grid-area: backgrid;
}

.startgrid {
  display: grid;
  align-content: end;
  justify-content: end;
  grid-area: startgrid;
}

.dealbutton {
  border: none;
  height: 100px;
  width: 200px;
  border-radius: 10px;
  align-self: flex-end;
  margin: 0 10px 10px 0;
}

.shufflebutton {
  border: none;
  height: 100px;
  width: 200px;
  border-radius: 10px;
  align-self: flex-end;
  margin: 0 10px 10px 0;
}

#playercanvas {
  width: 100%;
  height: 100%;
  z-index: -1;
  grid-row: 1/span 3;
  grid-column: 1/span 3;
}/*# sourceMappingURL=style.css.map */