body {
  background-image: url("clothbackground.jpg");
  overflow-x: hidden;
  overflow-y: hidden;
  background-size: 81%;
}

.all {
  position: absolute;
  height: 50.5vh;
  width: 48vw;
  margin-left: 26vw;
  margin-top: 20.5vh;
  border-radius: 10px;
  background-color: #eee3ce;
  z-index: 5;
}

.header {
  font-family: 'Britney', cursive;
  font-size: 62px;
  position: absolute;
  margin-left: 17.5vw;
  margin-top: 0.5vh;
  color: #c38e86;
}

.lacy {
  margin-left: 12vw;
  height: 35vh;
  position: absolute; 
  z-index: 20;
  display: none;
}

.lacybg {
  position: absolute;
  transform: rotate(90deg);
  width: 45vw;
  margin-top: -10vh;
  margin-left: 27.5vw;
  border-radius: 10px;
  z-index: 1;
}

.butterfly {
  z-index: 15;
  height: 60vh;
  margin-left: 1vw;
  margin-top: 32vh;
  position: absolute;
}

.butterfly2 {
  z-index: 4;
  height: 56vh;
  margin-left: 68.5vw;
  margin-top: 15vh;
  position: absolute;
  transform: scaleX(-1);
}

.cloudy {
  position: absolute;
  width: 100vw;
  margin-left: -0.5vw;
  margin-top: 40vh;
  display: none;
}

.corner {
  height: 50vh;
  margin-left: -3vw;
  margin-top: -1vh;
  position: absolute;
}

.corner2 {
  height: 50vh;
  margin-left: 75vw;
  margin-top: 66.5vh;
  position: absolute;
  transform: scaleX(-1);
  transform: rotate(70deg);
}

.border1 {
  position: absolute;
  margin-top: -10vh;
  margin-left: -0.5vw;
  width: 14vw;
}
  
.border2 {
  position: absolute;
  margin-top: -10vh;
  margin-left: 13.5vw;
  width: 14vw;
}
.border3 {
  position: absolute;
  margin-top: -10vh;
  margin-left: 27.5vw;
  width: 14vw;
}
.border4 {
  position: absolute;
  margin-top: -10vh;
  margin-left: 41.5vw;
  width: 14vw;
} 
.border5 {
  position: absolute;
  margin-top: -10vh;
  margin-left: 54.5vw;
  width: 14vw;
} 
.border6 {
  position: absolute;
  margin-top: -10vh;
  margin-left: 67.5vw;
  width: 14vw;
} 
.border7 {
  position: absolute;
  margin-top: -10vh;
  margin-left: 80.5vw;
  width: 14vw;
} 
.border8 {
  position: absolute;
  margin-top: -10vh;
  margin-left: 93.5vw;
  width: 14vw;
} 
.borderr1 {
  position: absolute;
  margin-top: 83vh;
  margin-left: -0.5vw;
  width: 14vw;
  transform: rotate(180deg);
}
  
.borderr2 {
  position: absolute;
  margin-top: 83vh;
  margin-left: 13.5vw;
  width: 14vw;
  transform: rotate(180deg);
}
.borderr3 {
  position: absolute;
  margin-top: 83vh;
  margin-left: 27.5vw;
  width: 14vw;
  transform: rotate(180deg);
}
.borderr4 {
  position: absolute;
  margin-top: 83vh;
  margin-left: 41.5vw;
  width: 14vw;
  transform: rotate(180deg);
} 
.borderr5 {
  position: absolute;
  margin-top: 83vh;
  margin-left: 54.5vw;
  width: 14vw;
  transform: rotate(180deg);
} 
.borderr6 {
  position: absolute;
  margin-top: 83vh;
  margin-left: 67.5vw;
  width: 14vw;
  transform: rotate(180deg);
} 
.borderr7 {
  position: absolute;
  margin-top: 83vh;
  margin-left: 80.5vw;
  width: 14vw;
  transform: rotate(180deg);
} 
.borderr8 {
  position: absolute;
  margin-top: 83vh;
  margin-left: 93.5vw;
  width: 14vw;
  transform: rotate(180deg);
} 
  
.flourish {
  width: 26vw;
  z-index: 6;
  position: absolute;
  margin-left: 11vw;
  margin-top: -11vh;
  
}

.fly {
  height: 30vh;
  transform: rotate(-20deg);
  position: absolute;
  margin-top: -5vh;
  margin-left: -2vw;
}
  
.fly:hover {
  transform: rotate(12deg);
}