.p1-moon
	{
		animation: MoonAnimation 2s linear forwards;
	}
	
	@keyframes MoonAnimation{
		
		0%{opacity: 0;}
		100%{opacity: 1;}
	}
	.p1-text,
	.p1-rabit
	{
		animation: TextAnimation 3s 1s linear forwards;
	}
	
	@keyframes TextAnimation{
		
		0%{opacity: 0;}
		100%{opacity: 1;}
	}
	
	
	/**/
   *{
   	padding: 0px;
   	margin: 0px;
   }
   .content
   {
   	position: absolute;
   	width: 100%;
   	height: 100%;
   }
   .page
   {
   	position: relative;
   	width: 100%;
   	height: 100%;
   	
   }
  .page1
  {
	  background: url(../img/pag1/bac.png) no-repeat;
	  background-size: 100% 100%;
  }
  .page1 img:nth-of-type(1)
  {
    position: absolute;
    width: 100%;
    margin-top: 100px;
    margin-left: 0px;
  }
	.page1 img:nth-of-type(2)
	{
		position: absolute;
		width: 48%;
		margin-top: 339px;
		margin-left: 281px;
		opacity: 0;
	}
.page1 img:nth-of-type(3)
  {
    position: absolute;
    width: 18%;
       margin-top: 173px;
    margin-left: 1px;
  }
	
	.p1-light1
	{
		animation: Light1Animation1 3s linear, Light1Animation2 2s 3s linear infinite forwards;
	}
	@keyframes Light1Animation1{
		
		0%{margin-top: 1000px;margin-left: -230px;}
		100%{margin-top: 173px;margin-left: 1px;}
	}
	@keyframes Light1Animation2{
		
		0%{}
		25%{transform: rotate(20deg);}
		50%{transform: rotate(0deg);}
		75%{transform: rotate(-20deg);}
		100%{transform: rotate(0deg);}
	}
	
	
	.page1 img:nth-of-type(4)
	  {
	    position: absolute;
	    width: 18%;
	    margin-top: 20px;
	    margin-left: 700px;
	  }
		
		.p1-light2
		{
			animation: Light2Animation 3s linear, Light1Animation2 2s 3s linear infinite forwards;
		}
		@keyframes Light2Animation{
			
			0%{margin-top: 2000px;margin-left: -930px;}
			100%{margin-top: 20px;margin-left: 700px;}
		}
		
		
.page1 img:nth-of-type(5)
	{
		position: absolute;
		width: 55%;
		margin-top: 685px;
		margin-left: 430px;
		opacity: 0;
	}
	
	.page1 img:nth-of-type(6)
		{
			position: absolute;
			width: 20%;
			margin-top: 1150px;
			margin-left: 450px;
		}	
			
.p1-light3
{
	animation: Light3Animation 3s linear, Light1Animation2 2s 3s linear infinite forwards;
}
@keyframes Light3Animation{
	
	0%{margin-top: 3000px;margin-left: 100px;}
	100%{margin-top: 1150px;margin-left: 450px;}
}

.page1 img:nth-of-type(7)
	{
		position: absolute;
		width: 9%;
		margin-top: 880px;
		margin-left: 860px;
	}
			
.p1-light4
{
	animation: Light4Animation 3s linear, Light1Animation2 2s 3s linear infinite forwards;
}
@keyframes Light4Animation{
	
	0%{margin-top: 2200px;margin-left: 0px;}
	100%{margin-top: 880px;margin-left: 860px;}
}

.page1 img:nth-of-type(8)
	{
		position: absolute;
		width: 32%;
		margin-top: -11px;
		margin-left: 4px;
	}
.page1 img:nth-of-type(9)
	{
		position: absolute;
		width: 30%;
		margin-top: 50px;
		margin-left: 370px;
		opacity: 0;
	}