.my_stats {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}

.my_stats .result {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  border: 1px solid black;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80%;
}

.my_stats .result.pending {
    background-image: url('/img/pending.png');
    background-color: #f0f0f0;
}

.my_stats .result.incorrect {
    background-image: url('/img/incorrect.png');
    background-color: red;
}

.my_stats .result.correct {
    background-image: url('/img/correct.png');
    background-color: green;
}

.my_stats .result.timeout {
    background-image: url('/img/timeout.png');
    background-color: red;
}