#loading {
  align-items: center;
  justify-content: center;
  justify-items: center;
  height: 600px;
  position: relative;
}
.barber-container {
  width: 84px;
  height: 306px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ball {
  height: 22px;
  width: 22px;
  margin-left: 31px;
  margin-right: 31px;
  border-radius: 100px;
  background-color: #fefbe3;
}
.end-cap {
  width: 54px;
  height: 15px;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 5px;
  margin-bottom: 5px;
  background-color: #fefbe3;
}
.cap {
  width: 84px;
  height: 15px;
  background-color: #fefbe3;
}
.barber-wrap {
  height: 150px;
  width: 1254px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 15px;
  margin-right: 15px;
}
.barber {
  height: 150px;
  width: 54px;
  position: inherit;
  background: #fefbe3;
  background: linear-gradient(
    -45deg,
    transparent 25%,
    #fefbe3 25%,
    #fefbe3 50%,
    transparent 50%,
    transparent 75%,
    #fefbe3 75%
  );
  background-size: 27px 27px;
  animation: barberpole 1.5s infinite linear;
}
@keyframes barberpole {
  from {
    background-position: 0%;
  }
  to {
    background-position: 100%;
  }
}