.user-box{
  display: flex;
  gap: 2vw;
  margin: 20px 0;
}

.ub-user-info-box{
  background-color: gray;
  padding: 1vw;
  border-radius: 8px;
  flex: 1;
}
.ub-user-info-box h3{
  font-size: clamp(1rem, 1rem, 3rem);
  margin: 0;
}
.ub-user-info-box p{
  font-size: clamp(.8em, 1em, 1.4em);
  margin: 0;
}

.ub-user-avatar-box{
  position: relative;
}
.ub-user-avatar-box .avatar-fr{
  height: clamp(8vw, 20vw, 120px);
}

.character {
  
}
.character::after {
  right: -1.4vw !important;
  top: -1.2vw !important;
  width: 3vw !important;
}

.ub-user-menu{
  align-content: center;
}
.ub-user-menu .green-btn {
  width: 100px;
  font-size: clamp(.6rem, 1rem, 3rem);
}