h1:focus {
  outline: none;
}

.content {
  padding-top: 1.1rem;
}

.valid.modified:not([type=checkbox]) {
  outline: 1px solid #26b050;
}

.invalid {
  outline: 1px solid red;
}

.validation-message {
  color: red;
}

.user-avatar-area {
  font-size: 200%;
  height: 1em;
  width: 1em;
  line-height: 1em;
  overflow: hidden;
  position: relative;
}
.user-avatar-area .user-initials {
  font-size: 50%;
  height: 100%;
}
.user-avatar-area .user-avatar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}