@charset "UTF-8";
/* CSS Document */
@font-face {
    font-family: 'minecraftregular';
    src: url('minecraft-regular-webfont.woff2') format('woff2'),
         url('minecraft-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
body{
  background: darkgreen;
}
.frame{
  background: url("outcome20.jpg");
  width:1000px;
  height:640px;
  margin:0px auto;
  position:relative
}
.para{ 
  position: absolute;
  font-family:minecraftregular;
  top:60px;
  left: 77px;
  line-height: 2px;
  font-size: 27px;
   color:white;
}
.pink {
	position: absolute;
	display: block;
	text-indent:-99999px;
	background: url("pinkflower.jpg");
	width: 49px;
	height: 76px;
	top:323px;
	left:439px;
	-webkit-animation: fadebar 5s, transbar 3s; /* Chrome, Safari, Opera */
        animation: fadebar 5s,transbar 3s;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease;
        -webkit-animation-fill-mode:forwards;  
	    animation-fill-mode:forwards;
        -webkit-transition: -webkit-transform 1s;
        transition: transform 1s;
	
}
.pink:hover{	background-size: cover;
    		-webkit-transform: scale(1.5);
    transform: scale(1.5);  
}
.white {
	position: absolute;
	display: block;
	text-indent:-99999px;
	background: url("whiteflower.jpg");
	width: 150px;
	height: 127px;
	top:427px;
	left:271px;
	-webkit-animation: fadebar 5s, transbar 3s; /* Chrome, Safari, Opera */
        animation: fadebar 5s,transbar 3s;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease;
        -webkit-animation-fill-mode:forwards;  
	    animation-fill-mode:forwards;
        -webkit-transition: -webkit-transform 1s;
        transition: transform 1s;
	
}
.white:hover{	background-size: cover;
    		-webkit-transform: scale(1.5);
    transform: scale(1.5);  
}
.blue {
	position: absolute;
	display: block;
	text-indent:-99999px;
	background: url("blueflower.jpg");
	width: 116px;
	height: 103px;
	top:345px;
	left:520px;
	-webkit-animation: fadebar 5s, transbar 3s; /* Chrome, Safari, Opera */
        animation: fadebar 5s,transbar 3s;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease;
        -webkit-animation-fill-mode:forwards;  
	    animation-fill-mode:forwards;
        -webkit-transition: -webkit-transform 1s;
        transition: transform 1s;
	
}
.blue:hover{	background-size: cover;
    		-webkit-transform: scale(1.5);
    transform: scale(1.5);  
}