@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("outcome3.jpg");
  width:1000px;
  height:640px;
  margin:0px auto;
  position:relative
}
.para{ 
  position: absolute;
  font-family:minecraftregular;
  top:120px;
  left: 83px;
  line-height: 2px;
  font-size: 28px;
   
}
.book {
	position: absolute;
	display: block;
	text-indent:-99999px;
	background: url("book.png");
	width: 18px;
	height: 44px;
	top:278px;
	left:402px;
	-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;
	
}
.book:hover{	background-size: cover;
    		-webkit-transform: scale(1.5);
    transform: scale(1.5);  
}

