:root {
  --DarkGreen: #0B2429;
  --GreenYellow: #998235;
  --BrightYellow: #F3AC3C;
}

body {
  margin:0;
  font-size:2em;
}
.Game-Grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: (1fr)[3];
      grid-template-rows: repeat(3, 1fr);
  -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr);
  background-color: var(--DarkGreen);
  padding: 2em;
  height: 100vh;
  gap: 0.25em;
}

.GameCell {
  position: relative;
  background-color: var(--GreenYellow);
  width: 100%;
  height: 100%;
  border-radius: 0.5em;
}

.GamePiece {
  position: absolute;
  background-color: var(--BrightYellow);
  inset: 0 0 0 0;
  border-radius: 0.5em;
  -webkit-transition: ease-in;
  transition: ease-in;
}

body {
  margin: 0;
  padding: 2em;
  background-color: #d86f92;
}

.Grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 80%;
  min-height: 100vh;
  margin: auto;
  row-gap: 4%;
  -webkit-column-gap: 2%;
          column-gap: 2%;
  padding-left: 2%;
  padding-right: 2%;
}

.note {
  background-color: white;
  color: black;
  padding: 5% 10%;
  border-radius: 2%;
  width: auto;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border: 1px solid #d6d6d6;
  font-size: clamp(1.5rem, 2.5vw, 4rem);
}
/*# sourceMappingURL=style.css.map */