.pexercice{
  font-family: var(--ff1);
  font-weight: var(--fw3);
  font-size: var(--tx);
  line-height: var(--esp);
  color: var(--lightgray);
  margin: 0;
}

.graybox{
    font-family: var(--ff1);
  font-weight: var(--fw3);
  font-size: var(--tx);
  display: inline-block;
  white-space: nowrap;
  margin: 1rem 0.5rem 1rem 0.5rem;
  padding: 0.35rem 0.9rem;
  background-color: var(--backgray);
  color: var(--darkgray);
  border: none;
  box-shadow: 0.05rem 0.05rem 0.1rem 0.04rem rgba(0, 0, 0, 0.12);;
  border-radius: 6px;
  text-decoration: none;
}

.greenbox{
    font-family: var(--ff1);
  font-weight: var(--fw3);
  font-size: var(--tx);
display: inline-block;
  white-space: nowrap;
  margin: 1rem 0 1rem 0;
  padding: 0.35rem 0.9rem;
  background-color: var(--lightgreen);
  color: var(--green);
  border: none;
  box-shadow: 0.05rem 0.05rem 0.1rem 0.04rem rgba(0, 0, 0, 0.12);;
  border-radius: 6px;
  text-decoration: none;
}

.yellowbox{
    font-family: var(--ff1);
  font-weight: var(--fw3);
  font-size: var(--tx);
  display: inline-block;
  white-space: nowrap;
  margin: 1rem 0 1rem 0;
  padding: 0.35rem 0.9rem;
  background-color: var(--lightyellow);
  color: var(--yellow);
  border: none;
  box-shadow: 0.05rem 0.05rem 0.1rem 0.04rem rgba(0, 0, 0, 0.12);;
  border-radius: 6px;
 text-decoration: none;
}

.redbox{
     font-family: var(--ff1);
  font-weight: var(--fw3);
  font-size: var(--tx);
  display: inline-block;
  white-space: nowrap;
  margin: 1rem 0 1rem 0;
  padding: 0.35rem 0.9rem;
  background-color: var(--lightred);
  color: var(--red);
  border: none;
  box-shadow: 0.05rem 0.05rem 0.1rem 0.04rem rgba(0, 0, 0, 0.12);;
  border-radius: 6px;
  text-decoration: none;
}