body{
	/*margin: 0;
  background:hsl(100,100%,10%);*/
}
.screen{
  /*border:10px solid white;
  margin:calc(40vh - 200px) auto;
  box-shadow:0px 10px 30px #0004;
	position: relative;
	overflow: hidden;
	width: 600px;
	height: 400px;
	background-size: cover;
	background-position: center;
	background-image: url(https://www.1st-art-gallery.com/frame-preview/12118521.jpg?sku=Unframed&thumb=0&huge=1);*/
}

.light {
	background: linear-gradient(143deg,hsla(61, 100%, 95%, 0.58),hsla(61, 100%, 95%, 0));
	width: 20%;
	height: 200%;
	position: absolute;
	transform: perspective(240px) rotateX(765deg) rotateZ(40deg);
}

.l1 {
	top: -90%;
	right: 20%;
	transform: perspective(240px) rotateX(785deg) rotateZ(40deg) scale(0.7);
	animation: light-r 2s infinite alternate,light2 3s infinite alternate;
}
.l2{

	top: -80%;
	right: 25%;
	animation: light 20s infinite alternate,light2 3s infinite alternate;
}

.leaf{
	width: 100px;
	height: 100px;
	top: 50%;
	left: 50%;
	background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
	background-image: url(https://www.vippng.com/png/full/79-795430_png-autumn-leaves-falling-hojas-de-otoo-png.png);
}
.f1{
	left: 20%;
	animation: f-top 5s infinite,
	f-swing 13s infinite alternate,
	light-r 58s infinite alternate;
}
.f2{
	left: 60%;
	animation: f-top 4s infinite,
	f-swing 4s infinite alternate,
	light-r 4s infinite alternate;
}
.f3{
	left: 94%;
	animation: f-top 15s infinite,
	f-swing 11s infinite alternate,
	light-r 59s infinite alternate;
}
.f4{
	left: 84%;
	animation: f-top 9s infinite,
	f-swing 9s infinite alternate,
	light-r 15s infinite alternate;
}
.f5{
	left: 73%;
	animation: f-top 32s infinite,
	f-swing 8s infinite alternate,
	light-r 20s infinite alternate;
}
.f6{
	left: 62%;
	animation: f-top 12s infinite,
	f-swing 7s infinite alternate,
	light-r 3s infinite alternate;
}
.f7{
	left: 45%;
	animation: f-top 8s infinite,
	f-swing 20s infinite alternate,
	light-r 55s infinite alternate;
}
.f8{
	left: 39%;
	animation: f-top 7s infinite,
	f-swing 30s infinite alternate,
	light-r 56s infinite alternate;
}
.f9{
	left: 24%;
	animation: f-top 9s infinite,
	f-swing 5s infinite alternate,
	light-r 11s infinite alternate;
}
.fab{
	left: 19%;
	animation: f-top 4s infinite,
	f-swing 16s infinite alternate,
	light-r 10s infinite alternate;
}
@keyframes f-top{
	from{top:-20%;}
	to{top:120%;}
}
@keyframes f-swing{
	from{    transform: translateX(-200px);}
	to{    transform: translateX(200px);}

}
@keyframes light{
	from{
		opacity: 1
	}
	to{
		opacity: 0.2
	}
}

@keyframes light-r{
	from{
		opacity: 0
	}
	to{
		opacity: 1
	}
}

@keyframes light2{
	from{
		width: 20%;
	}
	to{
		width: 25%;
	}
}