.person__container {
  width: 95%;
  margin: 1em 2.5%;
  display: flex;
  flex-wrap: wrap; }
  @media (min-width: 1200px) {
    .person__container {
      width: 80%;
      margin: 1em 10%; } }

.person__data {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .person__data__title {
    width: 100%;
    background-color: #1a1a1a;
    padding: 4em; 
    text-align: center;}
    @media (min-width: 1200px) {
      .person__data__title {
        width: 50%; } }
    .person__data__title h1 {
      margin: 0;
      font-size: 4em; }
      @media (min-width: 1200px) {
        .person__data__title h1 {
          font-size: 2.5em; } }
    .person__data__title__born_data {
      font-size: 1.1em;
      display: flex;
      flex-wrap: wrap; }
  .person__data__body {
    width: 100%; }
    @media (min-width: 1200px) {
      .person__data__body {
        width: 55%; } }

.person__films {
  width: 95%;
  margin: 3em 2.5%;
  padding: 1em 0;
  background-color: #1a1a1a; }
  @media (min-width: 1200px) {
    .person__films {
      width: 80%;
      margin: 3em 10%;
      padding: 3em 0; } }
  .person__films__container {
    width: 95%;
    margin: auto 2.5%; }
    @media (min-width: 1200px) {
      .person__films__container {
        width: 80%;
        margin: auto 10%; } }
  .person__films__title h2 {
    color: #ba8663; }
  .person__films__content {
    height: 50vh;
    overflow-y: auto;
    padding: 0 1em; }
    .person__films__content__section__title h3 {
      color: #ba8663; }
    .person__films__content__section__items__item__props {
      display: flex;
      flex-wrap: wrap; }
      .person__films__content__section__items__item__props > div {
        margin: auto .25em; }
    .person__films__content__section__items__item__title {
      margin: .1em;
      width: 100%; }
      @media (min-width: 1200px) {
        .person__films__content__section__items__item__title {
          width: auto; } }
      .person__films__content__section__items__item__title h4 {
        margin: 0; }
    .person__films__content__section__items__item__body p {
      margin-top: 0; }
    .person__films__content::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      border-radius: 10px;
      background-color: #f5f5f5; }
    .person__films__content::-webkit-scrollbar {
      width: 12px;
      background-color: #f5f5f5; }
    .person__films__content::-webkit-scrollbar-thumb {
      border-radius: 10px;
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      background-color: #d62929; }