@import url("../../Utility CSS/navbar.css");
.box {
  height: 15rem;
  width: 120rem;
  justify-content: flex-start;
  align-items: flex-end;
  padding: 2rem;
}

figure {
  margin: 8px;
}
.avatar-xl {
  height: 10rem;
}

.round-img {
  border-radius: 50%;
}

.avatar-lg {
  height: 7rem;
}
.avatar-md {
  height: 4rem;
}

.avatar-sm {
  height: 2rem;
}

.round-avatar {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1rem;
  background-color: rgb(228, 15, 132);
  border-radius: 50%;
}

.round-text-xl {
  height: 8rem;
  width: 10rem;
  font-size: 4rem;
}

.round-text-lg {
  height: 5rem;
  width: 8rem;
  font-size: 3rem;
}
.round-text-md {
  height: 3rem;
  width: 6rem;
  font-size: 2rem;
}

.round-text-sm {
  height: 2rem;
  width: 2rem;
  font-size: 1rem;
}