<template>

  <!--
    <bg_jpwaves
        :click-gen="true"
        :auto-gen-time="3000"
        by-requirement
        stroke="#889321"
        overlayer="n2"
        color_from="#838821"
        el-id="nu2icoia"

    >

      <div class="position-1bg">
        jfoisjfio jaoisjf oisjdio jfiod j
      </div>

    </bg_jpwaves>
  -->

<!--


    <div class="position-0bg">
      <bg_jpwaves
          :auto-gen-time="4"
          by-requirement
          stroke="#889321"
          overlayer="n2"
          color_from="#838821"
          el-id="nu2icoia"
          snapped>

        <div class="position-1bg">
          jfoisjfio jaoisjf oisjdio jfiod j
        </div>

      </bg_jpwaves>
    </div>


-->

  <bg_factorial_gen
      :auto-gen-time="4"
      by-requirement
      color_n1="#fad0c4"
      color_n2="#a18cd1"
      color_n3="#fbc2eb"
      overlayer="s1"
      overlayer-color="t1"
      el-id="ncsicccoia"

  >

    <div class="position-1bg">
      jfoisjfio jaoisjf oisjdio jfiod j
    </div>


  </bg_factorial_gen>

</template>

<script>
import Bg_maze_gen from "../components/bg_maze_gen";
import Bg_jpwaves from "../components/bg_jpwaves";
import Bg_factorial_gen from "../components/bg_factorial_gen";

export default {
  name: "test_ff",
  components: {Bg_factorial_gen, Bg_jpwaves}
}
</script>

<style scoped lang="scss">

body {
  margin: 0;
}

.position-0bg {
  position: absolute;
  top: 301px;
  left: 302px;
  width: 300px;
  height: 130px;
  overflow: hidden;
  z-index: 1;
}

.position-1bg {
  position: absolute;
  top: 31px;
  left: 32px;
  width: 300px;
  height: 130px;
  overflow: hidden;
  z-index: 3;
}
</style>
