@import "base"

.team
  display: flex
  flex-direction: column
  width: 100vw
  height: auto
  color: $light
  align-items: center
  justify-content: center
  margin-bottom: 5%
  margin-top: 8vh

  .header
    margin-bottom: 1%
    font-family: $title-stack
    font-size: 4em
  
  .subheader
    margin-bottom: 2%
    font-family: $title-stack
    font-size: 1.5em
    
    p
      text-align: center
      color: $gray
      

  .founders
    position: relative
    display: flex
    height: auto
    color: $light
    align-items: flex-start
    justify-content: center
    width: 50%
    margin-bottom: 2%

    .profile
      flex: 1 1 0
      margin: 0 auto
      text-align: center
      display: flex
      flex-direction: column
      justify-content: center
      align-items: center

      img
        width: 300px
        height: 300px
        background-color: $accent
      
      h1
        font-family: $title-stack
        font-size: 1.6em
        margin-top: 0.3em
      
      h2
        font-family: $title-stack
        font-weight: normal
        font-size: 1em
      
      p
        font-family: sans-serif
        width: 60%
        margin: 0 auto
        margin-top: 0.5em

        a
          text-decoration: none
          color: #11c1e0
      
    .caption
      flex: 1.5 1 0
      text-align: center

      h1
        font-family: $title-stack
        font-size: 5em
        white-space: nowrap
      
      p
        font-family: $subtitle-stack