.arthor_main {
  margin-top: 50px;
  min-height: calc(100% - 50px); }
  .arthor_main .heading-article {
    margin-top: -60px; }
    @media (max-width: 567px) {
      .arthor_main .heading-article {
        margin-top: -40px; } }
    .arthor_main .heading-article .avata {
      max-width: 120px;
      min-width: 120px;
      min-height: 120px;
      border-radius: 50%;
      border: 1px solid var(--mainColor);
      outline: 1px solid var(--mainColor);
      outline-offset: 5px;
      margin-right: 15px; }
      @media (max-width: 567px) {
        .arthor_main .heading-article .avata {
          max-width: 90px;
          min-width: 90px;
          min-height: 90px; } }
    .arthor_main .heading-article .name {
      margin-top: 40px; }
      .arthor_main .heading-article .name .title {
        font-size: 27px; }
        @media (max-width: 567px) {
          .arthor_main .heading-article .name .title {
            font-size: 20px; } }
  .arthor_main h2, .arthor_main h3, .arthor_main h4, .arthor_main h5, .arthor_main h6 {
    margin-bottom: 10px;
    margin-top: 20px;
    font-size: 20px; }

.contentWarp {
  background: #f7f7f7; }