.card {
  display: flex;
  background: $primary-color;
  box-shadow: 4px 3px 0 rgba(0, 0, 0, 0.1);

  .bio {
    flex-grow: 1;
  }

  .name {
    font-size: 20px;
    line-height: 18px * 1.5;
    color: $quaternary-color;

    small {
      display: block;
      font-size: 14px;
      color: $quaternary-color;
    }
  }

  .avatar {
    width: 96px;
    float: left;
    margin-right: 10px;
    padding: 10px;
    padding-right: 0;
    padding-left: 9px;
    margin-top: -30px;

    img {
      width: 94px;
      height: 94px;
      display: block;
      border-radius: 5px;
      box-shadow: 4px 3px 0 rgba(0, 0, 0, 0.1);
    }
  }
}