body {
  margin: 0;
  padding: 0;
}

.wrapper {
  position: absolute;
  width: 320px;
  height: 480px;
  top: 0;
  left: 0;
  overflow: hidden;
  cursor: pointer;
  opacity: 0;
  box-sizing: border-box;
}

/* @font-face {
    font-family: 'rawDg';
    src: url('assets/Rawer.woff') format('woff');
    } */

.bg,
.instr,
.swipe,
.score,
.fbg,
.cp_1,
.play_btn,
.el_1,
.el_2,
.el_3,
.el_4,
.el_5,
.el_6,
.el_7,
.bl_1,
.bl_2,
.bl_3,
.bl_4,
.bl_5,
.bl_6,
.bl_7,
.bl_8,
.cta_btn {
  position: absolute;
  width: 320px;
  height: 480px;
  top: 0;
  left: 0;
  pointer-events: none;
}

.el_1,
.el_2,
.el_3,
.el_4,
.el_5,
.el_6,
.el_7,
.cta_btn {
  opacity: 0;
}

.fbg {
  background-color: red;
}

.fx_up,
.fx_side {
  position: absolute;
  top: -86px;
  left: -11px;
  width: 116px;
  height: 150px;
}

.scnr {
  position: absolute;
  width: 17px;
  height: 23px;
  top: 22px;
  right: 23px;

  font-family: rawDg, Arial, Helvetica, sans-serif;
  color: #de2d29;
  line-height: 23px;
  font-size: 20px;
  text-align: center;
}

.fx_up,
.fx_side {
  pointer-events: none;
}

.obst_1,
.carrot {
  position: absolute;
  width: 75px;
  height: 56px;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: 100%;
}

.obst_2,
.onion {
  position: absolute;
  width: 74px;
  height: 48px;
  top: 0;
  left: 0;
}

.obst_3,
.tomato {
  position: absolute;
  width: 56px;
  height: 31px;
  top: 0;
  left: 0;
}

.obst_5,
.mint {
  position: absolute;
  width: 47px;
  height: 52px;
  top: 0;
  left: 0;
  display: none;
}

.obst_4,
.parsley {
  position: absolute;
  width: 53px;
  height: 53px;
  top: 0;
  left: 0;
}

.obst {
  /* background-color: red; */
}

.bowl {
  position: absolute;
  bottom: 82px;
  left: 0;
  right: 0;
  margin: 0 auto;

  width: 90px;
  height: 64px;
}

.bowbg {
  position: absolute;
  top: 0;
  left: 0;

  width: 90px;
  height: 64px;
}

.hit {
  position: absolute;
  width: 30px;
  height: 15px;
  top: 10px;
  left: 0;
  right: 0;
  margin: 0 auto;
  pointer-events: none;

  /* background-color: black; */
}

.bottom {
  position: absolute;
  width: 300px;
  height: 10px;
  bottom: -10px;
  left: 0;
}

.counter {
  position: absolute;
  width: 320px;
  height: 10px;
  left: 0;
  top: 0;
  background-color: #f12026;
}

/*=============================================================================*/