ng-implementation/sae-csc/src/app/pages/main/main.scss

:host {

  font-family: Barlow;
  margin: 0 auto;

  #question_analysis {
    .title {
      font-family: Barlow;
      font-size: 16px;

      line-height: 140%;
    }

    sae-bot-talks {
      top: -50px;
      position: relative;
    }
  }

  .magic-text {
    color: #A86CFD;
    font-family: Barlow;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;

    i {
      font-size: 1.25em;
      margin-left: 2px;
    }
  }

  #translation_request {

    .helper {
      display: flex;
      flex-direction: row;
      justify-content: start;
      align-items: center;

      padding-bottom: 16px;

      //width: 1600px;
      margin: 0 auto;

      span {
        &:nth-of-type(1) {
          width: 624px;
          display: inline-block;
          text-align: right;
        }
      }
    }
  }

  #main_page {
    padding-bottom: 400px;
  }

  sae-bot-talks {
    position: absolute;
    top: 496px;
    right: 0;
    width: 100%;
    visibility: hidden;

    &.is-visible {
      visibility: visible;
    }
  }

  .filters-container{
    margin-top: -60px;
  }

}