.donut {
  width: 60px;
  height: 60px;
  margin: 2rem;
  border-radius: 50%;
  border: 5px solid rgba(227, 154, 86, 0.3);
  border-top-color: #e39a56;
  animation: 1.5s spin infinite linear;
}

.donut-2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 3px solid rgba(227, 154, 86, 0.3);
  border-top-color: black;
  animation: 1.5s spin infinite linear;
}
.multi {
  border-bottom-color: #e39a56;
}

.multi-2 {
  border-bottom-color: black;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}