* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: "Allura", sans-serif;
}

body, html {
    width: 100%;
    overflow-x: hidden;
}

.section {
    min-height: 100vh;
    width: 100%;
    position: relative;
}

.kiss {
    position: absolute;
    left: 1150px;
    top: -20px;
    transform: translateX(-50%);
    width: 250px;
    z-index: 1;
}

.cat, .vinyl, .ballons, .ballons__gray, .hand, .flowers {
    width: 200px;
    height: 200px;
    object-fit: cover;
    position: absolute;
}

.cat { left: 850px; top: 260px; }
.vinyl { left: 1050px; top: 260px; }
.ballons { left: 1250px; top: 260px; }
.ballons__gray { left: 850px; top: 460px; }
.hand { left: 1050px; top: 460px; }
.flowers { left: 1250px; top: 460px; }

.text-block {
    position: absolute;
    left: 58px;
    top: 240px;
    width: 750px;
    height: 638px;
    font-size: 60px;
    line-height: 60px;
    font-family: "Allura", cursive;
    color: #ffffff;
}

.title {
    position: absolute;
    left: -30px;
    top: 20px;
    width: 1200px;
    height: 148px;
    font-family: "Oswald", sans-serif;
    font-weight: 700;
    font-size: 100px;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    z-index: 2;
}

.second-text {
    position: absolute;
    left: 700px;
    top: 170px;
    width: 750px;
    height: 638px;
    font-size: 60px;
    line-height: 60px;
    font-family: "Allura", cursive;
    color: #ffffff;
    text-align: right;
}

.polaroid__one {
    position: absolute;
    width: 180px;
    height: 250px;  
    object-fit: cover;
    left: 50px;
    top: 50px;
}

.photo__1 {
    position: absolute;
    width: 150px;
    height: 150px;  
    object-fit: cover;
    left: 65px;
    top: 70px;
}

.polaroid__two {
    position: absolute;
    width: 180px;     
    height: 250px;    
    object-fit: cover;
    left: 230px;
    top: 274px;
}

.photo__2 {
    position: absolute;
    width: 150px;     
    height: 150px;    
    object-fit: cover;
    left: 245px;
    top: 295px;
}

.polaroid__three {
    position: absolute;
    width: 180px;     
    height: 250px;    
    object-fit: cover;
    left: 410px;
    top: 498px;
}

.photo__3 {
    position: absolute;
    width: 150px;     
    height: 150px;    
    object-fit: cover;
    left: 425px;
    top: 520px;
}


.minion__trio {
    position: absolute;
    width: 400px;
    height: 250px;
    object-fit: cover;
    cursor: grab;
    user-select: none;
    left: 0px;
    top: 500px;

}

.minion__bal {
    position: absolute;
    width: 400px;
    height: 450px;
    object-fit: cover;
    cursor: grab;
    user-select: none;
    left: 300px;
    top: -40px;

}