body.path-user .layout-content {
  padding: var(--sp30);
  max-width: var(--site-max-width);
  margin: 0 auto;

  form {
    max-width: 450px;
    margin: 0 auto;
  }
}

body.path-user h1 {
  display: none;
}
body.path-user .views-element-container h2 {
  font-weight: 400;
}
body.path-user .views-element-container h2,
body.path-user article.profile {
  text-align: center;
  margin: var(--sp15) auto;
  max-width: 680px;
}
body.path-user article.profile .picture {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.2);
  border: solid 2px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  margin: 0 auto;
}
body.path-user article.profile .picture img {
  width: 120px;
  border-radius: 50%;
}
body.path-user article.profile h1.display-name {
  display: block;
  margin: var(--sp15) 0;
  font-family: var(--font-serif);
  font-size: 24px;
  text-transform: capitalize;
}