<commit_before><template>
  <div class="vuestic-page-not-found-custom">
    <div class="vuestic-page-not-found-custom__content">
      <div class="not-found-wallpaper">
        <router-link class="i-vuestic vuestic-page-not-found-custom__i-vuestic" :to="{path: '/'}"/>
      </div>
      <div class="vuestic-page-not-found-custom__wallpaper">
        <img src="https://i.imgur.com/wodIng5.png" class="vuestic-page-not-found-custom__custom-image"/>
      </div>
      <div class="vuestic-page-not-found-custom__wallpaper">
        <h3 class="vuestic-page-not-found-custom__text">The page’s gone fishing.</h3>
      </div>
      <div class="vuestic-page-not-found-custom__wallpaper col-md-12">
        <div class="row vuestic-page-not-found-custom__message">
          <h4 class="vuestic-page-not-found-custom__text-small">If you feel that it's not right, please send us a message at &nbsp</h4>
          <a href="mailto:<EMAIL>"><EMAIL></a>
        </div>
      </div>
      <div class="vuestic-page-not-found-custom__wallpaper col-md-12 vuestic-page-not-found-custom__wallpaper-button">
        <router-link :to="{ path: './dashboard' }">
          <button class="btn btn-primary vuestic-page-not-found-custom__button">
            {{ 'Back to Dashboard' }}
          </button>
        </router-link>
      </div>
    </div>
    <div class="vuestic-page-not-found-custom__not-found-wallpaper-sad">
      <img src="https://i.imgur.com/hu80UGU.png" class="vuestic-page-not-found-custom__sad-image"/>
    </div>
    <div class="vuestic-page-not-found-custom__footer">
      <span>
        ©2018. Made by &nbsp
        <a href="http://epicmax.co"> Epicmax.</a>
      </span>
    </div>
  </div>
</template>

<script>
export default {
  name: 'vuestic-page-not-found-custom'
}
</script>

<style lang="scss">
.vuestic-page-not-found-custom {
  height: 100vh;
  background-color: $top-nav-bg;

  &__custom-image {
    padding-top: 30px;
    width: 30%;
    margin-right: 3%;
  }

  &__wallpaper-button {
    z-index: 1;
    position: absolute;
    background: transparent;
    width: 250px;
    margin-left: 43%
  }

  &__button {
    width: 234px;
    height: 42px;
    padding-left: 22px;
    padding-top: 10px;
    font-size: 16px;
  }

  &__sad-image {
    width: 505px;
    height: 400px;
  }

  &__text {
    padding-top: 3%;
    color: white;
  }

  &__text-small {
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    color: white;
    font-weight: normal;
  }

  &__i-vuestic {
    margin-top: 3%;
    z-index: 2;
    height: $auth-wallpaper-ivuestic-h;
    width: 100%;
  }

  &__not-found-wallpaper-sad {
    overflow: hidden;
    position: absolute;
    height: 40%;
    padding-left: 70%;
    bottom: 0;
  }

  &__wallpaper {
    overflow: hidden;
    background-color: $top-nav-bg;
    display: flex;
    align-items: flex-start;
    justify-content: center;
  }

  @include media-breakpoint-down(xs) {
    .vuestic-page-not-found-custom {
      overflow: hidden;
      height: $auth-mobile-main-h;

      &__custom-image {
        width: 90%;
      }
<commit_msg>fix (page-not-found-custom) : change styles for sad-image<commit_after><template>
  <div class="vuestic-page-not-found-custom">
    <div class="vuestic-page-not-found-custom__content">
      <div class="not-found-wallpaper">
        <router-link class="i-vuestic vuestic-page-not-found-custom__i-vuestic" :to="{path: '/'}"/>
      </div>
      <div class="vuestic-page-not-found-custom__wallpaper">
        <img src="https://i.imgur.com/wodIng5.png" class="vuestic-page-not-found-custom__custom-image"/>
      </div>
      <div class="vuestic-page-not-found-custom__wallpaper">
        <h3 class="vuestic-page-not-found-custom__text">The page’s gone fishing.</h3>
      </div>
      <div class="vuestic-page-not-found-custom__wallpaper col-md-12">
        <div class="row vuestic-page-not-found-custom__message">
          <h4 class="vuestic-page-not-found-custom__text-small">If you feel that it's not right, please send us a message at &nbsp</h4>
          <a href="mailto:<EMAIL>"><EMAIL></a>
        </div>
      </div>
      <div class="vuestic-page-not-found-custom__wallpaper col-md-12 vuestic-page-not-found-custom__wallpaper-button">
        <router-link :to="{ path: './dashboard' }">
          <button class="btn btn-primary vuestic-page-not-found-custom__button">
            {{ 'Back to Dashboard' }}
          </button>
        </router-link>
      </div>
    </div>
    <div class="vuestic-page-not-found-custom__not-found-wallpaper-sad">
      <img src="https://i.imgur.com/hu80UGU.png" class="vuestic-page-not-found-custom__sad-image"/>
    </div>
    <div class="vuestic-page-not-found-custom__footer">
      <span>
        ©2018. Made by &nbsp
        <a href="http://epicmax.co"> Epicmax.</a>
      </span>
    </div>
  </div>
</template>

<script>
export default {
  name: 'vuestic-page-not-found-custom'
}
</script>

<style lang="scss">
.vuestic-page-not-found-custom {
  height: 100vh;
  background-color: $top-nav-bg;

  &__custom-image {
    padding-top: 30px;
    width: 30%;
    margin-right: 3%;
  }

  &__wallpaper-button {
    z-index: 1;
    position: absolute;
    background: transparent;
    width: 250px;
    margin-left: 43%
  }

  &__button {
    width: 234px;
    height: 42px;
    padding-left: 22px;
    padding-top: 10px;
    font-size: 16px;
  }

  &__sad-image {
    width: 505px;
    height: 400px;
    bottom: 0;
  }

  &__text {
    padding-top: 3%;
    color: white;
  }

  &__text-small {
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    color: white;
    font-weight: normal;
  }

  &__i-vuestic {
    margin-top: 3%;
    z-index: 2;
    height: $auth-wallpaper-ivuestic-h;
    width: 100%;
  }

  &__not-found-wallpaper-sad {
    overflow: hidden;
    position: absolute;
    height: 40%;
    width: 100%;
    bottom: 0;
    padding-left: 80%;
  }

  &__wallpaper {
    overflow: hidden;
    background-color: $top-nav-bg;
    display: flex;
    align-items: flex-start;
    justify-content: center;
  }

  @include media-breakpoint-down(xs) {
    .vuestic-page-not-found-custom {
      overflow: hidden;
      height: $auth-mobile-main-h;

      &__custom-image {
        width: 90%;
      }

{'fraction_non_alphanumeric': 0.16341541413495364, 'fraction_numerical': 0.02078669651423089, 'mean_word_length': 2.539898132427844, 'pattern_counts': {'":': 0, '<': 91, '<?xml version=': 0, '>': 91, 'https://': 4, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2012831', 'n_tokens_mistral': 2429, 'n_tokens_neox': 2254, 'n_words': 397}