* {
  margin: 0;
  padding: 0;
}

body {
  height: 100vh;
  /* background-color: #3660c0; */
}

.parent {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(5, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  height: 100vh;
  gap: 2px;
}

.scores {
  grid-area: 1 / 1 / 2 / 6;
  display: flex;
  align-items: center;
  justify-content: center;
}

.scores h3{
  border: 0.1em solid black;
  padding: 2em;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 0.5em;

}

.palyer0 {
  grid-area: 2 / 1 / 5 / 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  background-color: rgba(98, 198, 216, 0.5);
  margin-left: 20%;
  border-radius: 0.5em;

}
.round {
  grid-area: 2 / 2 / 5 / 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  background-color: rgba(206, 173, 206, 0.5);
}

.imgCube{
    height: 80%;
    width: 80%;
}

.palyer1 {
  grid-area: 2 / 3 / 5 / 4;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  background-color: rgba(15, 177, 77, 0.5);
  margin-right: 20%;
  border-radius: 0.5em;

}
.buttons {
  grid-area: 5 / 1 / 6 / 4;
  display: flex;
  align-items: center;
  justify-content: center;
}

.buttons button {
  margin-right: 10%;
  height: 30%;
  width: 10%;
  background-color: rgba(0, 0, 0, 0.25);
  border: 2% solid black;
   border-radius: 0.5em;
}

.live{
    transform: scale(1.1);
    border: 2px solid rgb(255, 104, 3);
}