@charset "utf-8";
/* CSS Document */
/* CSS Document */
body {
	background: #040e1f;
	font-family: Arial;
	color: white;
	position: relative;
	font-size: 30px;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}


/* Standard syntax */
@keyframes fadeIn 
    from {opacity: 0;}
    to {opacity: 1;}

p {
font-family: impact;
position: absolute;
color: white;
font-size: 24px;
display: block;
-webkit-transform: rotate(0deg); /*Chrome, Safari, Opera */
transform: rotate(0deg);
top: 40px;
left: 40px;
text-shadow: 1px 8px 9px black;
opacity: 0;
-webkit-animation: fadeIn 3s; /* Chrome, Safari, Opera */
        animation: fadeIn 2s;
        -webkit-animation-delay: 2s;
        animation-delay: 2s;
        -webkit-animation-fill-mode: forwards; 
	    animation-fill-mode: forwards;
}

h {
font-family: impact;
position: absolute;
opacity: 0;
color: white;
font-size: 30px;
display: block;
-webkit-transform: rotate(0deg); /*Chrome, Safari, Opera */
transform: rotate(0deg);
top: 250px;
left: 108px;
}

h1 {
font-family: impact;
position: absolute;
opacity: 0;
color: white;
font-size: 32px;
display: block;
-webkit-transform: rotate(0deg); /*Chrome, Safari, Opera */
transform: rotate(0deg);
top: 240px;
left: 202px;
}

h2 {
font-family: impact;
position: absolute;
opacity: 0;
color: white;
font-size: 35px;
display: block;
-webkit-transform: rotate(0deg); /*Chrome, Safari, Opera */
transform: rotate(0deg);
top: 235px;
left: 285px;
}

h3 {
font-family: impact;
position: absolute;
opacity: 0;
color: white;
font-size: 31px;
display: block;
-webkit-transform: rotate(0deg); /*Chrome, Safari, Opera */
transform: rotate(0deg);
top: 320px;
left: 54px;
}

h4 {
font-family: impact;
position: absolute;
opacity: 0;
color: white;
font-size: 31px;
display: block;
-webkit-transform: rotate(0deg); /*Chrome, Safari, Opera */
transform: rotate(0deg);
top: 330px;
left: 140px;
}

h5 {
font-family: impact;
position: absolute;
opacity: 0;
color: white;
font-size: 32px;
display: block;
-webkit-transform: rotate(0deg); /*Chrome, Safari, Opera */
transform: rotate(0deg);
top: 330px;
left: 227px;
}

h6 {
font-family: impact;
position: absolute;
opacity: 0;
color: white;
font-size: 30px;
display: block;
-webkit-transform: rotate(0deg); /*Chrome, Safari, Opera */
transform: rotate(0deg);
top: 320px;
left: 335px;
}

h7 {
font-family: impact;
position: absolute;
opacity: 0;
color: white;
font-size: 32px;
display: block;
-webkit-transform: rotate(0deg); /*Chrome, Safari, Opera */
transform: rotate(0deg);
top: 480px;
left: 120px;
}

h8 {
font-family: impact;
position: absolute;
opacity: 0;
color: white;
font-size: 33px;
display: block;
-webkit-transform: rotate(0deg); /*Chrome, Safari, Opera */
transform: rotate(0deg);
top: 490px;
left: 238px;
}

h9{
font-family: impact;
position: absolute;
opacity: 0;
color: white;
font-size: 34px;
display: block;
-webkit-transform: rotate(0deg); /*Chrome, Safari, Opera */
transform: rotate(0deg);
top: 510px;
left: 340px;
}

h10{
font-family: impact;
position: absolute;
opacity: 0;
color: white;
font-size: 34px;
display: block;
-webkit-transform: rotate(0deg); /*Chrome, Safari, Opera */
transform: rotate(0deg);
top: 620px;
left: 190px;
}
.frame {
	background-image: url("newfor2002title.gif");
	position: relative;
  width: 475px;
	height: 640px;
	margin: 0px auto;
}

.y2002{
  position: absolute;
	top: 101px;
	left: 39px;
	font-size: 30px;
	color: orange;
	width: 190px;
	height: 226px;
	text-indent: -9999px;
	background: url("newfor2002.png");
	    -webkit-transform: scale(.52);
    transform: scale(.52);  
	          -webkit-transition: .5s;
        transition: .5s;
}

.y2007{
  position: absolute;
	top: 101px;
	left:148px;
	font-size: 30px;
	color: orange;
	width: 168px;
	height: 226px;
text-indent: -9999px;
background: url("newfor2007.png");
-webkit-transform: scale(.52);
transform: scale(.52);  
-webkit-transition: .5s;
transition: .5s;
}

.y2010{
  position: absolute;
	top: 122px;
	left:238px;
	font-size: 30px;
	color: orange;
	width: 168px;
	height: 226px;
text-indent: -9999px;
background: url("newfor2010.png");
-webkit-transform: scale(.52);
transform: scale(.52);  
-webkit-transition: .5s;
transition: .5s;
}

.y2017{
  position: absolute;
	top: 222px;
	left: 169px;
	font-size: 30px;
	color: orange;
	width: 169px;
	height: 226px;
text-indent: -9999px;
background: url("newfor2017.png");
-webkit-transform: scale(.52);
transform: scale(.52);  
-webkit-transition: .5s;
transition: .5s;
}

.y2025{
  position: absolute;
	top: 450px;
	left: 122px;
	font-size: 30px;
	color: orange;
	width: 179px;
	height: 246px;
text-indent: -9999px;
background: url("newfor2025.png");
-webkit-transform: scale(.52);
transform: scale(.52);  
-webkit-transition: .5s;
transition: .5s;
}

.y2023{
  position: absolute;
	top: 358px;
	left: 288px;
	font-size: 30px;
	color: orange;
	width: 159px;
	height: 226px;
text-indent: -9999px;
background: url("newfor2023.png");
-webkit-transform: scale(.52);
transform: scale(.52);  
-webkit-transition: .5s;
transition: .5s;
}

.y2018{
  position: absolute;
	top: 240px;
	left: 262px;
	font-size: 30px;
	color: orange;
	width: 189px;
	height: 226px;
text-indent: -9999px;
background: url("newfor2018.png");
-webkit-transform: scale(.52);
transform: scale(.52);  
-webkit-transition: .5s;
transition: .5s;
}

.y2019{
  position: absolute;
	top: 330px;
	left: 56px;
	font-size: 30px;
	color: orange;
	width: 189px;
	height: 226px;
text-indent: -9999px;
background: url("newfor2019.png");
-webkit-transform: scale(.52);
transform: scale(.52);  
-webkit-transition: .5s;
transition: .5s;
}

.y2021{
  position: absolute;
	top: 340px;
	left: 192px;
	font-size: 30px;
	color: orange;
	width: 159px;
	height: 226px;
text-indent: -9999px;
background: url("newfor2021.png");
-webkit-transform: scale(.52);
transform: scale(.52);  
-webkit-transition: .5s;
transition: .5s;
}

.y2012{
  position: absolute;
	top: 199px;
	left: 12px;
	font-size: 30px;
	color: orange;
	width: 142px;
	height: 226px;
text-indent: -9999px;
background: url("newfor2012.png");
-webkit-transform: scale(.52);
transform: scale(.52);  
-webkit-transition: .5s;
transition: .5s;
}

.y2015{
  position: absolute;
	top: 212px;
	left: 92px;
	font-size: 30px;
	color: orange;
	width: 142px;
	height: 226px;
text-indent: -9999px;
background: url("newfor2015.png");
-webkit-transform: scale(.52);
transform: scale(.52);  
-webkit-transition: .5s;
transition: .5s;
}



.hover:hover{
    background-size: cover;
    -webkit-transform: scale(1);
    transform: scale(1);
	  z-index: 5;
}

a{
  color: whitesmoke;
      background-size: cover;
          -webkit-transition: .5s;
        transition: .5s;
}