.player_profile {
  display: grid;
  grid-template-columns: 1fr 0 1fr;
  gap: 72px;
  max-width: 1512px;
  margin: auto; }
  .player_profile .title {
    font-size: 72px; }
  .player_profile .left .bio {
    height: 400px;
    overflow: hidden;
    transition: all ease-in-out 0.3s;
    position: relative; }
    .player_profile .left .bio:after {
      content: "";
      position: absolute;
      z-index: 1;
      bottom: 0;
      left: 0;
      pointer-events: none;
      background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), white 90%);
      width: 100%;
      height: 4em; }
    .player_profile .left .bio p,
    .player_profile .left .bio h1,
    .player_profile .left .bio h2,
    .player_profile .left .bio h3,
    .player_profile .left .bio h4,
    .player_profile .left .bio h5,
    .player_profile .left .bio h6,
    .player_profile .left .bio b,
    .player_profile .left .bio i,
    .player_profile .left .bio u {
      margin: 1px 0;
      color: #000;
      font-family: 'Montserrat', sans-serif;
        
    }
  .player_profile .left p {
    font-size: 18px; }
  .player_profile .left .bio_more {
    transition: all ease-in-out 0.3s;
    height: fit-content; }
    .player_profile .left .bio_more:after {
      display: none; }
  .player_profile .left .more {
    border: 2px solid #000;
    border-radius: 20px;
    padding: 8px 15px;
    width: fit-content;
    margin: 20px auto;
    white-space: nowrap;
    margin-bottom: 80px;
    font-size: 20px;
    cursor: pointer; }
  .player_profile .divider {
    width: 1.5px;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1); }
  .player_profile .right {
    height: 50%; }
    .player_profile .right .info {
      color: initial;
      padding-bottom: 80px; }
      .player_profile .right .info .item {
        width: 90%;
        margin: 20px 0;
        padding-bottom: 22px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
        .player_profile .right .info .item p {
         font-family: 'Montserrat', sans-serif;
          font-size: 20px; }
        .player_profile .right .info .item .info_low {
          text-transform: uppercase;
          font-family: "Gratelos";
          font-size: 56px;
          color: #59c150; }

@media screen and (max-width: 760px) {
  .player_profile {
    display: flex;
    flex-direction: column;
    gap: unset; }
    .player_profile .title {
      font-size: 56px; }
    .player_profile .left p,
    .player_profile .left h1,
    .player_profile .left h2,
    .player_profile .left h3,
    .player_profile .left h4,
    .player_profile .left h5,
    .player_profile .left h6,
    .player_profile .left b,
    .player_profile .left i,
    .player_profile .left u {
      font-size: 24px; }
    .player_profile .left .title {
      font-size: 56px; }
    .player_profile .left .bio {
      height: 200px; }
    .player_profile .left .bio_more {
      height: fit-content; }
    .player_profile .right .info .item {
      width: 100%; }
      .player_profile .right .info .item .info_low {
        font-size: 48px; } }

@media screen and (max-width: 414px) {
  .player_profile .title {
    font-size: 32px; }
  .player_profile .left p,
  .player_profile .left h1,
  .player_profile .left h2,
  .player_profile .left h3,
  .player_profile .left h4,
  .player_profile .left h5,
  .player_profile .left h6,
  .player_profile .left b,
  .player_profile .left i,
  .player_profile .left u {
    font-size: 20px; }
  .player_profile .left .more {
    margin-bottom: 40px; }
  .player_profile .left .title {
    font-size: 32px; }
  .player_profile .right .info {
    padding-bottom: 0; }
    .player_profile .right .info .item {
      margin: 16px 0;
      padding-bottom: 16px;
      width: 100%; }
      .player_profile .right .info .item p {
        font-size: 16px; }
      .player_profile .right .info .item .info_low {
        font-size: 36px; } }