#box {
	display:flex;
	justify-content:center;
	align-content:flex-start;
	column-gap:0;
	text-align:center;
	flex-grow:1;
}

#backdrop {
  top: 2em;
  background-color:transparent;
  height: 630px;
  width: 450px;
}
.buttonBox {
	display:flex;
	flex-direction:column;
	margin:1rem;
	padding-right:5rem;
	padding-left:0;
}
#box button {
	margin-top: 2em;
	margin-right: 0.4em;
	color: #95093e;
	background-color:transparent;
	background-image:url("btnbg1.png");
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	border-style:none;
	border-radius:9px;
	padding: 7px 22px;
	font-size: larger;
	font-family:cursive;
}


#girl {
	background-image: url("jdcharacter.png");
	background-size: 450px auto;
	background-repeat: no-repeat;
	background-repeat: no-repeat;
	position: absolute;
	height: 630px;
	width: 450px;
	z-index: 1;
}
#tops {
  background-repeat: no-repeat;
  position: absolute;
  height: 630px;
  width: 450px;
  z-index: 6;
}
#shoes {
  background-repeat: no-repeat;
  position: absolute;
  height: 630px;
  width: 450px;
  z-index: 2;
}
#bottoms {
  background-repeat: no-repeat;
  position: absolute;
  height: 630px;
  width: 450px;
  z-index: 4;
}
#accessories {
  background-repeat: no-repeat;
  position: absolute;
  height: 630px;
  width: 450px;
  z-index: 8;
}

.tops1 {
  background-image: url("jdblank.png");
	background-size: 450px auto;
  background-repeat: no-repeat;
  position: absolute;
  height: 630px;
	width: 450px;
  z-index: 4;
}
.tops2 {
  background-image: url("jdt1.png");
	background-size: 450px auto;
  background-repeat: no-repeat;
  position: absolute;
  height: 630px;
	width: 450px;
  z-index: 4;
}

.tops3 {
  background-image: url("jdt2.png");
  background-repeat: no-repeat;
	background-size: 450px auto;
  position: absolute;
  height: 630px;
	width: 450px;
  z-index: 4;
}
.tops4 {
  background-image: url("jdt3.png");
  background-repeat: no-repeat;
	background-size: 450px auto;
  position: absolute;
  height: 630px;
	width: 450px;
  z-index: 4;
}
.tops5 {
  background-image: url("jdt4.png");
	background-size: 450px auto;
  background-repeat: no-repeat;
  position: absolute;
  height: 630px;
	width: 450px;
  z-index: 4;
}
.tops6 {
  background-image: url("jdt5.png");
	background-size: 450px auto;
  background-repeat: no-repeat;
  position: absolute;
  height: 630px;
	width: 450px;
  z-index: 4;
}

.shoes1 {
  background-image: url("jdblank.png");
	background-size: 450px auto;
  background-repeat: no-repeat;
  position: absolute;
  height: 630px;
	width: 450px;
}
.shoes2 {
  background-image: url("jds1.png");
	background-size: 450px auto;
  background-repeat: no-repeat;
  position: absolute;
  height: 630px;
	width: 450px;
}
.shoes3 {
  background-image: url("jds2.png");
	background-size: 450px auto;
  background-repeat: no-repeat;
  position: absolute;
  height: 630px;
	width: 450px;
}
.shoes4 {
  background-image: url("jds3.png");
	background-size: 450px auto;
  background-repeat: no-repeat;
  position: absolute;
  height: 630px;
	width: 450px;
}
.shoes5 {
  background-image: url("jds4.png");
	background-size: 450px auto;
  background-repeat: no-repeat;
  position: absolute;
  height: 630px;
	width: 450px;
}
.shoes6 {
  background-image: url("jds5.png");
	background-size: 450px auto;
  background-repeat: no-repeat;
  position: absolute;
  height: 630px;
	width: 450px;
}
.shoes7 {
  background-image: url("jds6.png");
	background-size: 450px auto;
  background-repeat: no-repeat;
  position: absolute;
  height: 630px;
	width: 450px;
}
.shoes8 {
  background-image: url("jds7.png");
	background-size: 450px auto;
  background-repeat: no-repeat;
  position: absolute;
  height: 630px;
	width: 450px;
}

.bottoms1 {
  background-image: url("jdblank.png");
	background-size: 450px auto;
  background-repeat: no-repeat;
  position: absolute;
  height: 630px;
	width: 450px;
}
.bottoms2 {
  background-image: url("jdb1.png");
	background-size: 450px auto;
  background-repeat: no-repeat;
  position: absolute;
  height: 630px;
	width: 450px;
}
.bottoms3 {
  background-image: url("jdb2.png");
	background-size: 450px auto;
  background-repeat: no-repeat;
  position: absolute;
  height: 630px;
	width: 450px;
}
.bottoms4 {
  background-image: url("jdb3.png");
	background-size: 450px auto;
  background-repeat: no-repeat;
  position: absolute;
  height: 630px;
	width: 450px;
}
.bottoms5 {
  background-image: url("jdb4.png");
	background-size: 450px auto;
  background-repeat: no-repeat;
  position: absolute;
  height: 630px;
	width: 450px;
}
.bottoms6 {
  background-image: url("jdb5.png");
	background-size: 450px auto;
  background-repeat: no-repeat;
  position: absolute;
  height: 630px;
	width: 450px;
}

.accessories1 {
  background-image: url("jdblank.png");
	background-size: 450px auto;
  background-repeat: no-repeat;
  position: absolute;
  height: 630px;
	width: 450px;
}
.accessories2 {
  background-image: url("jdn1.png");
	background-size: 450px auto;
  background-repeat: no-repeat;
  position: absolute;
  height: 630px;
	width: 450px;
}
.accessories3 {
  background-image: url("jdn2.png");
	background-size: 450px auto;
  background-repeat: no-repeat;
  position: absolute;
  height: 630px;
	width: 450px;
}
.accessories4 {
  background-image: url("jdn3.png");
	background-size: 450px auto;
  background-repeat: no-repeat;
  position: absolute;
  height: 630px;
	width: 450px;
}
.accessories5 {
  background-image: url("jdn4.png");
	background-size: 450px auto;
  background-repeat: no-repeat;
  position: absolute;
  height: 630px;
	width: 450px;
}
.accessories6 {
  background-image: url("jdn5.png");
	background-size: 450px auto;
  background-repeat: no-repeat;
  position: absolute;
  height: 630px;
	width: 450px;
}
.accessories7 {
  background-image: url("jdn6.png");
	background-size: 450px auto;
  background-repeat: no-repeat;
  position: absolute;
  height: 630px;
	width: 450px;
}
.accessories8 {
  background-image: url("jdn7.png");
	background-size: 450px auto;
  background-repeat: no-repeat;
  position: absolute;
  height: 630px;
	width: 450px;
}
.accessories9 {
  background-image: url("jdn8.png");
	background-size: 450px auto;
  background-repeat: no-repeat;
  position: absolute;
  height: 630px;
	width: 450px;
}
.accessories10 {
  background-image: url("jdn9.png");
	background-size: 450px auto;
  background-repeat: no-repeat;
  position: absolute;
  height: 630px;
	width: 450px;
}
.accessories11 {
  background-image: url("jdn10.png");
	background-size: 450px auto;
  background-repeat: no-repeat;
  position: absolute;
  height: 630px;
	width: 450px;
}