body {
  background-color: black;
}
.ope {
  background-color: #f1a03b;
  color: white;
  border:none;
  font-size: large;
}
#reset {
  background-color: rgba(58, 58, 58, 0.7);
  color: white;
  grid-column: 1 / span 3;
  border:none;
  font-size: large;
}
.reste {
  background-color: rgba(115, 115, 115, 0.7);
  color: white;
  border:none;
  font-size: large;
}

.container {
  margin: auto;
  box-shadow: inset 0 0 0 0.9px hsla(var(--app-color-dark-hsl), 0.3),
    0 0 0 1px hsla(var(--app-color-light-hsl), 0.5);
  width: 18.75rem;
  height: 27.1rem;
  border-radius: 0.75rem;
  border: 2px solid white;
}

.bouttons {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 4em 4em 4em 4em 4em;
  gap: 1px;
}
#chiffreZero {
  grid-column: 1 / span 2;
  border-bottom-left-radius: 0.7rem;
}
#resultat {
  width: 89.2%;
  font-size: 40px;
  text-align: end;
  border-top-left-radius: 0.6rem;
  border-top-right-radius: 0.6rem;
  padding: 2rem 1rem;
  border:none;
  background-color: black;
  color: white;
}
#calcResultat {
  border-bottom-right-radius: 0.7rem;
}
.containerb {
  width: 100%;
  height: 100%;
}