@charset "UTF-8";

/* CSS Document */

@font-face {

    font-family: 'lynchregular';

    src: url('lynch-webfont.eot');

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

         url('lynch-webfont.woff2') format('woff2'),

         url('lynch-webfont.woff') format('woff'),

         url('lynch-webfont.ttf') format('truetype'),

         url('lynch-webfont.svg#lynchregular') format('svg');

    font-weight: normal;

    font-style: normal;

}

body {

    background:#000;

    font-family: 'lynchregular' ;

	color: white;

}



.wrapper {

	width:1000px;

    height:640px;

    position:relative;

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

}



.bg {

	width: 1000px;

	height: 640px;

	background: url("eariethree.jpg");	

}









a {

   text-decoration: none;

   font-size: 30px;

   color: #00FFBD;



   

}

 





video {

    width: 1000px;  

    height: 640px;

	

/* Chrome, Safari, Opera */

@-webkit-keyframes fadeIn {

    from {opacity: 0;}

    to {opacity: 1;}

}



/* Standard syntax */

@keyframes fadeIn {

    from {opacity: 0;}

    to {opacity: 1;}

} 

	

	

.die {

        position:absolute;

        top:500px;

        left:650px;  

        opacity: 0;

        -webkit-animation: fadeIn 5s; /* Chrome, Safari, Opera */

        animation: fadeIn 5s;

        -webkit-animation-delay: 5s;

        animation-delay: 14s;

        -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/

	      animation-fill-mode:forwards;

}