.user--view-mode-full {
  margin-inline: 16px;

  @media (min-width: 576px) {
    margin-inline: auto;
    max-width: 540px;
  }

  @media (min-width: 768px) {
    max-width: 720px
  }

  @media (min-width: 992px) {
    max-width: 960px;
  }

  >.user__content {
    >.intro {
      background: #FFFFFF;
      border: 1px solid #CBCACA;
      margin-bottom: 40px;
      display:flex;

      >.intro__picture img {
        display: block;
        height: 200px;
        width: 200px;
      }

      >.intro__data {
        display: flex;
        flex-direction: column;
        gap: 8px;
        padding: 20px 25px;
        
        >.full-name {
          color: #333;
          font: 500 24px/1 "Mercury Text G1",serif;
        }

        >.mail a {
          color: #E85000;
          font: 700 14px/1 "Manrope",sans-serif;
          text-decoration: none;
        }
      }
    }
  }
}