hp1 {    background: url(https://forumstatic.ru/files/001c/b9/97/82191.png);    width: 181px;    height: 170px;    position: absolute;    top: 270px;    left: 0;    z-index: -1;}
hp1:before {    background: url(https://forumstatic.ru/files/001c/b9/97/26733.gif);    content: '';    width: 80px;    height: 80px;    position: absolute;    right: 11px;    top: 45px;}
hp2 {    width: 54px;    height: 44px;    position: absolute;    top: 326px;    left: 0;    z-index: 9;}
hp3 {    background: url(https://forumstatic.ru/files/001c/b9/97/83268.png);    position: absolute;    width: 55px;    height: 55px;    top: 53px;    left: 435px;    z-index: 1;    opacity: 0;}
hp4 {    position: absolute;    background: url(https://forumstatic.ru/files/001c/b9/97/69943.png);    width: 222px;    height: 113px;    top: 9px;    right: 6px;    z-index: 1;}
hp5 {    position: absolute;    bottom: 0;    right: 120px;    overflow: hidden;}
hp5:before {    content: '';    background: url(https://forumstatic.ru/files/001c/b9/97/12122.png);    width: 188px;    height: 190px;    display: block;    transform: translate(var(--hp5-x, 0px), var(--hp5-y, 100%));}
hp6 {    position: absolute;    background: url(https://forumstatic.ru/files/001c/b9/97/81352.png);    width: 466px;    height: 99px;    bottom: 103px;    left: 0;}
hp7 {    background: url(https://forumstatic.ru/files/001c/b9/97/36760.png);    width: 228px;    height: 139px;    position: fixed;    top: calc(50% - 150px);    z-index: -2;    margin-left: calc(var(--main-w) - 248px);    transform: translate(var(--hp7-x, 0px), var(--hp7-y, 0px));}