@import '../../../styles/mixins.sass'
@import '../../../styles/vars.sass'

#profile-page
  position: fixed
  width: 100%
  height: calc(100% - 56px)
  overflow: scroll

#profile 
  padding: 2em
  max-width: 1200px
  margin: 0 auto

#profile-card-container
  margin: 0 auto
  width: 100%
  max-width: 690px
  .icon-box
    text-align: right
    width: 100%
    .request-button
      margin-top: 0.5em
      margin-bottom: 0.5em

.mat-table
  width: 100%
  max-width: 690px
  margin: 0 auto
.mat-header-cell
  padding-right: 0.5em

.profile-picture
  background-image: url(https://material.angular.io/assets/img/examples/shiba1.jpg)
  background-size: cover


#profile-table
  width: 100%
  .mat-table 
    display: block
  .mat-cell,
  .mat-header-cell 
    align-items: center
    display: flex
    min-height: 48px
    padding: 0
    flex: 1
    overflow: hidden
    word-wrap: break-word