.user {
  display: block;
  width: 100%;
  background-color: #ffffff;
  min-height: calc(100vh - 250px);
  margin-bottom: 120px; }
  .user .user_title {
    display: block;
    width: 100%;
    text-align: center;
    padding: 100px 0; }
    .user .user_title h1 {
      color: #000000;
      font-size: 80px;
      font-weight: 700;
      margin: 0;
      padding: 50px 0; }
      @media (max-width: 576px) {
        .user .user_title h1 {
          font-size: 30px; } }
  .user .user_bar {
    display: flex;
    width: 200%;
    background-color: #008000;
    box-shadow: 0 10px 30px -10px #000000;
    padding: 50px 0;
    height: fit-content;
    margin: auto;
    position: absolute;
    left: 0;
    top: 40%;
    bottom: 50%; }
  .user .user_barLeft {
    left: -100% !important;
    transition-duration: 1s; }
  .user .user_barRight {
    left: 0 !important;
    transition-duration: 1s; }