/* CSS Document */

@font-face {

    font-family: '8bit_wondernominal';

    src: url('8-bit_wonder-webfont.eot');

    src: url('8-bit_wonder-webfont.eot?#iefix') format('embedded-opentype'),

         url('8-bit_wonder-webfont.woff2') format('woff2'),

         url('8-bit_wonder-webfont.woff') format('woff'),

         url('8-bit_wonder-webfont.ttf') format('truetype'),

         url('8-bit_wonder-webfont.svg#8bit_wondernominal') format('svg');

    font-weight: normal;

    font-style: normal;



}

body {

    background:#000;

    font-family: '8bit_wondernominal' ;

	color: white;

}



.wrapper {

	width:1000px;

    height:640px;

    position:relative;

    margin: 0px auto; /*centers image*/

}



.bg {

	width: 1000px;

	height: 640px;

	background: url("up.jpg");	

}





/* Chrome, Safari, Opera */

@-webkit-keyframes fadep {

    from {opacity: 0;}

    to {opacity: 1;}

}





/* Standard syntax */

@keyframes fadep {

    from {opacity: 0;}

    to {opacity: 1;}

} 



p {

  font-size: 15px;

    line-height: 14px;

    color: black; 

    width:500px;

	  position:absolute;

    top:-600px;

    left:110px;

    z-index: 0;

    opacity: 0;

    -webkit-animation: fadep 2s; /* Chrome, Safari, Opera */

    animation: fadep 2s;

    -webkit-animation-delay: 2s;

    animation-delay: 2s;

    -webkit-animation-fill-mode:forwards;

    animation-fill-mode:forwards;

}

.bomb {

	display: block;

	text-indent: -99999px;

	background: url("bomb.png");

	width: 100px;

	height: 100px;

	position: absolute;

	top: -413px;

	left: 790px;

	z-index: 1;

	opacity: 0;

	-moz-transition: opacity 3s;

	-webkit-transition: opacity 3s;

	-o-transition: opacity 3s;

	transition: opacity 3s;



}

   .bomb:hover{

		opacity: 1;

}