.user-profile {
  position: relative;
  margin: 0 auto;
  max-width: 800px; }
  .user-profile .user-profile-body {
    position: relative;
    padding: 1rem 2rem;
    text-align: center;
    max-width: 540px;
    border: 1px solid #ef445d; }
    .user-profile .user-profile-body .user-profile-back {
      display: inline;
      position: absolute;
      top: 15px;
      left: 15px; }
      .user-profile .user-profile-body .user-profile-back a {
        color: #ef445d !important; }
        .user-profile .user-profile-body .user-profile-back a:hover {
          color: #fcc8d2 !important; }
    .user-profile .user-profile-body .user-profile-edit {
      display: inline;
      position: absolute;
      top: 15px;
      right: 15px; }
      .user-profile .user-profile-body .user-profile-edit a {
        color: #ef445d !important; }
        .user-profile .user-profile-body .user-profile-edit a:hover {
          color: #fcc8d2 !important; }
    .user-profile .user-profile-body .user-profile-heading {
      color: #ef455d;
      font-weight: bold; }
    .user-profile .user-profile-body .user-profile-value {
      margin: 0 auto 0.6rem;
      width: 80%;
      color: #000; }
    .user-profile .user-profile-body .user-profile-picture {
      margin-bottom: 1rem; }
      .user-profile .user-profile-body .user-profile-picture img {
        width: 100%;
        max-width: 300px;
        height: auto; }
    .user-profile .user-profile-body .user-profile-fullname {
      font-family: "Future PT ExtraBold";
      font-size: 2.2rem;
      color: #ef455d; }
    .user-profile .user-profile-body .user-profile-social {
      padding-top: 0.8rem;
      display: flex;
      flex-direction: row;
      justify-content: center; }
      .user-profile .user-profile-body .user-profile-social .social-link {
        padding: 0 0.5rem;
        color: #ef445d !important; }
        .user-profile .user-profile-body .user-profile-social .social-link:active, .user-profile .user-profile-body .user-profile-social .social-link:hover, .user-profile .user-profile-body .user-profile-social .social-link:focus {
          color: #CC394F !important; }

.user-profile-compact {
  display: inline-block; }