Profile {
  padding: 30px 50px
  max-width: 100%

  header {
    display: flex;
    background: linear-gradient(0deg, #b3b37f, #ffffff);
    padding: 30px;
    margin: -30px -50px 20px;
    border-bottom: 5px solid #666;

    div.image {
      border-radius: 100px;
      overflow: hidden;
      height: 200px;
      width: 200px;
      background: linear-gradient(100deg, #c7af84, transparent);
      background-size: cover;
      background-position: 50% 50%;
      box-shadow: 0px 4px 3px rgba(255, 255, 255, 0.6);
    }

    div.main {
      flex: 1
      margin: 30px 20px 20px 40px;
      font-size: 130%;
      (a) {
        color: #1e5282
      }
      h1 {
        -webkit-user-select: text
        color: #6e804e;
        text-shadow: none;
        font-size: 250%;
      }
      div.description {
        -webkit-user-select: text
        color: #4e4e4e
      }
    }
  }

  section {
    display: flex
    div.main {
      flex: 2.5
    }
    div.side {
      flex: 1
      margin-left: 20px
      min-width: 250px
      max-width 400px
      margin-bottom: 20px

      h2 {
        span.sub {
          font-weight: normal
          font-size: 90%
        }
      }
    }
  }
}