@import '../../../../components/style/themes/default.less';

.home-container {
  h1,
  h2,
  h3,
  h4 {
    &.ant-typography {
      font-weight: 400;
    }
  }

  .ant-card-hoverable:hover {
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px rgba(0, 0, 0, 0.08),
      0 9px 28px 8px rgba(0, 0, 0, 0.05);
  }

  img {
    object-fit: cover;
  }

  .home-block-content {
    margin: 88px 24px 124px;

    h2.ant-typography {
      margin-bottom: 56px;
    }
  }
}

@media (max-width: @screen-sm-min) {
  .home-container {
    .home-block-content {
      margin-top: 64px;
      margin-bottom: 96px;

      h2.ant-typography {
        margin-bottom: 44px;
      }
    }
  }
}