/* 기본 여백 제거 및 화면 설정 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #000;
}

.background {
  position: fixed;
  bottom: 70px;
  left: 0;
  width: 100vw;
  height: 100vh;
  scale: 70%;
  background-position: center; 
  background-repeat: no-repeat;
  background-size: contain; 
  z-index: 1;
}
.icon1 {
  position: absolute;
  scale: 50%;
  top: 10%;      
  left: 22.5%;
  width: 80px;
  z-index: 2;
}  

.icon2 {
    position: absolute;
    left: 37%;
    z-index:3;
    scale: 40%;
    transform: rotate(20deg);
    transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1)
}
.icon2:hover {   
 transform: translateY(10px);
}
.icon3 {
    position: absolute;
    left: 32%;
    top:25%;
    z-index:4;
    scale:60%;
    transform: rotate(-7deg);
    transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1)
}

.icon3:hover {   
 transform: translateY(10px);
}
.icon4 {
    position: absolute;
    left: 31%;
    top:-28%;
    z-index:2;
    scale:30%;
    transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1)
}
.icon4:hover {   
 transform: translateY(-50px);
}
.sticker1 {
    position: absolute;
    left: 5%;
    top: -7%;
    z-index:5;
    scale: 40%;
    transform: rotate(8deg);
}
.sticker3 {
    position: absolute;
    left: 12%;
    top: 2%;
    z-index:4;
    scale: 20%;
    transform: rotate(-8deg);
}
.sticker2 {
    position: absolute;
    left: 17%;
    top: 13%;
    z-index:5;
    scale: 40%;
    transform: rotate(-2deg);
}
.sticker4 {
    position: absolute;
    left: 20%;
    top: 2%;
    z-index:4;
    scale: 20%;
}
.sticker5 {
    position: absolute;
    left: 23%;
    top: 30%;
    z-index:6;
    scale: 20%;
}
.sticker6 {
    position: absolute;
    left: 53%;
    top: -10%;
    z-index:7;
    scale: 15%;
}
.sticker7 {
    position: absolute;
    left: -3%;
    top: 30%;
    z-index:8;
    scale: 10%;
}