.main {
    justify-content: flex-end;
    gap: 2%;
    background-image: url('./background.png');
    background-size: cover;
}

.lenta {
    position: absolute;
    width: 200%;
    height: 40px;
    background-image: url('./lenta.png');
    background-position: left;
    background-repeat: repeat-x;
}

.obj_box {
    position: absolute;
    left: 3%;
    bottom: 0;
    width: clamp(0px, 21%, 384px);
    height: 172px;
}

.obj_box * {
    position: absolute;
    width: 100%;
    height: 100%;
}

.obj_1 {
    background-image: url('./obj_1.png');
}

.obj_2 {
    background-image: url('./obj_2.png');
}

.obj_3 {
    background-image: url('./obj_3.png');
}

.obj_4 {
    background-image: url('./obj_4.png');
}

.obj_5 {
    background-image: url('./obj_5.png');
}

.text {
    position: relative;
    width: clamp(0px, 38%, 777px);
    height: 68px;
    display: flex;
    gap: 3%;
}

.text * {
    height: 68px;
}

.text_1 {
    width: clamp(0px, 100%, 495px);
    background-image: url('./text_1.png');
}

.text_2 {
    width: clamp(0px, 100%, 282px);
    background-image: url('./text_2.png');
}

.btn {
    position: relative;
    width: clamp(0px, 12%, 218px);
    height: 55px;
}

.btn * {
    position: absolute;
    width: 100%;
    height: 100%;
}

.btn_background {
    background-image: url('./btn_background.png');
}

.btn_text {
    background-image: url('./btn_text.png');
}

.logo {
    position: relative;
    width: clamp(0px, 20%, 326px);
    height: 120px;
    background-image: url('./logo.png');
}

.flashbang {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url('./flashbang.png');
}