body {
  background-color: #cbffa2 ;
  background-image: url(omg.gif);
  background-repeat: repeat;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

myButton {
position: absolute;
left:0px;
top: 0px;
}

@font-face {
	font-family: pkmn;
	src: url(pkmn.ttf);
}

    /* Pop */
    @-webkit-keyframes hvr-pop {
      50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
      }
    }
    @keyframes hvr-pop {
      50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
      }
    }
    .hvr-pop {
      display: inline-block;
      vertical-align: middle;
      -webkit-transform: perspective(1px) translateZ(0);
      transform: perspective(1px) translateZ(0);
      box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    }
    .hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
      -webkit-animation-name: hvr-pop;
      animation-name: hvr-pop;
      -webkit-animation-duration: 0.3s;
      animation-duration: 0.5s;
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: infinite;
    }

    p{
    	font-size: 70%;
    	font-family: pkmn;
    	line-height: 125%;
    	padding: 10px;
    	padding-top: 15px;
    	background-color: bisque;
    	outline: 1px solid pink;
    	margin-left: auto;
    	margin-right: auto;
    	width: 500px;
      height: 100px;
      position: absolute;
      top: 15px;
      left: 50px;
    }

    p4{
    	font-size: 70%;
      text-align: center;
    	font-family: pkmn;
    	line-height: 125%;
    	padding: 10px;
    	padding-top: 15px;
    	background-color: bisque;
    	outline: 1px solid pink;
    	margin-left: auto;
    	margin-right: auto;
    	width: 500px;
      height: 100px;
      position: absolute;
      top: 180px;
      left: 50px;
    }

    p3{
    	font-size: 70%;
      text-align: center;
    	font-family: pkmn;
    	line-height: 125%;
    	margin-left: auto;
    	margin-right: auto;
    	width: 500px;
      height: 130px;
      position: absolute;
      top: 100px;
      right: 710px;
      z-index: -10;
      opacity: .6;
    }

    p5{
      font-size: 70%;
    	font-family: pkmn;
    	line-height: 125%;
    	padding: 10px;
    	padding-top: 15px;
    	background-color: bisque;
    	outline: 1px solid pink;
    	margin-left: auto;
    	margin-right: auto;
    	width: 500px;
      height: 400px;
      position: absolute;
      top: 15px;
      right: 50px;
    }


    blog{
      position: absolute;
      top: 300px;
      left: 65px;
}

furby {
    position: absolute;
    z-index: 25;
    right: 400px;
    top: 400px;

}

dc {
    position: absolute;
    z-index: 24;
    left: 70px;
    bottom: -30px;

}

fig {
    position: absolute;
    z-index: -5;
    right: 10px;
    bottom: 0px;
}



#boxbox {
    position: absolute;
    z-index: 16;
    scale: .86;
    top: -80px;
    pointer-events: none;
}

#box {
  position: absolute;
  margin: auto;
  text-align: center;
  height: 1000px;
  width: 600px;
  left: 650px;
}

#backdrop {
  top: 2em;
  margin: auto;
  position: relative;
  height: 800px;
  width: 410px;
  z-index: -2;
}

.buttonBox {
  position: absolute;
  z-index: 20;
  top: 800px;
  right: 80px;
}

#girl {
  background-image: url("./images4/1.png");
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  position: absolute;
  height: 1000px;
  width: 600px;
  z-index: -1;
  scale: .86;
}
#dress {
  background-repeat: no-repeat;
  position: absolute;
  height: 1000px;
  width: 600px;
  scale: .86;

}

#shoes {
  background-repeat: no-repeat;
  position: absolute;
  height: 1000px;
  width: 600px;
  scale: .86;

}

#hair {
  background-repeat: no-repeat;
  position: absolute;
  height: 1000px;
  width: 600px;
  scale: .86;

}

#face {
  background-repeat: no-repeat;
  position: absolute;
  height: 1000px;
  width: 600px;
  scale: .86;

}

#hat {
  background-repeat: no-repeat;
  position: absolute;
  height: 1000px;
  width: 600px;
  scale: .86;


}

.dress0 {
  background-image: url("./images4/dress8.png");
  background-repeat: no-repeat;
  position: absolute;
  height: 1000px;
  width: 600px;
  z-index: 4;
}
.dress1 {
  background-image: url("./images4/dress0.png");
  background-repeat: no-repeat;
  position: absolute;
  height: 1000px;
  width: 600px;
  z-index: 1;
}

.dress2 {
  background-image: url("./images4/dress2.png");
  background-repeat: no-repeat;
  position: absolute;
  height: 1000px;
  width: 600px;
  z-index: 4;
}
.dress3 {
  background-image: url("./images4/dress3.png");
  background-repeat: no-repeat;
  position: absolute;
  height: 1000px;
  width: 600px;
  z-index: 4;
}
.dress4 {
  background-image: url("./images4/dress4.png");
  background-repeat: no-repeat;
  position: absolute;
  height: 1000px;
  width: 600px;
  z-index: 4;
}
.dress5 {
  background-image: url("./images4/dress5.png");
  background-repeat: no-repeat;
  position: absolute;
  height: 1000px;
  width: 600px;
  z-index: 4;
}
.dress6 {
  background-image: url("./images4/dress6.png");
  background-repeat: no-repeat;
  position: absolute;
  height: 1000px;
  width: 600px;
  z-index: 4;
}
.dress7 {
  background-image: url("./images4/dress1.png");
  background-repeat: no-repeat;
  position: absolute;
  height: 1000px;
  width: 600px;
  z-index: 4;
}

.shoes1 {
  background-image: url("./images4/shoes1 2.png");
  background-repeat: no-repeat;
  position: absolute;
  height: 700px;
  width: 400px;
}
.shoes2 {
  background-image: url("./images4/shoes2 2.png");
  background-repeat: no-repeat;
  position: absolute;
  height: 1000px;
  width: 600px;
}
.shoes3 {
  background-image: url("./images4/shoes3.png");
  background-repeat: no-repeat;
  position: absolute;
  height: 1000px;
  width: 600px;
}

.hat1 {
  background-image: url("./images4/accessory0.png");
  background-repeat: no-repeat;
  position: absolute;
  height: 1000px;
  width: 600px;
}

.hat2 {
  background-image: url("./images4/accessory2.png");
  background-repeat: no-repeat;
  position: absolute;
  height: 1000px;
  width: 600px;
}

.face1 {
  background-image: url("./images4/face1.png");
  background-repeat: no-repeat;
  position: absolute;
  height: 1000px;
  width: 600px;
}
.face2 {
  background-image: url("./images4/face2.png");
  background-repeat: no-repeat;
  position: absolute;
  height: 1000px;
  width: 600px;
}

.hair1 {
  background-image: url("./images4/hair0.png");
  background-repeat: no-repeat;
  position: absolute;
  height: 1000px;
  width: 600px;
  z-index: 5;
}

.hair2 {
  background-image: url("./images4/hair1.png");
  background-repeat: no-repeat;
  position: absolute;
  height: 1000px;
  width: 600px;
  z-index: 5;
}

.hair3 {
  background-image: url("./images4/hair5.png");
  background-repeat: no-repeat;
  position: absolute;
  height: 1000px;
  width: 600px;
}

.hair4 {
  background-image: url("./images4/hair3.png");
  background-repeat: no-repeat;
  position: absolute;
  height: 1000px;
  width: 600px;
  z-index: 1;
}

.hair5 {
  background-image: url("./images4/hair2.png");
  background-repeat: no-repeat;
  position: absolute;
  height: 1000px;
  width: 600px;
}