body {

background:url('https://raw.githubusercontent.com/BezrukovaEkaterina/dtttt/refs/heads/main/dt1.webp');

height:4600px;

}	
div#parallax-bg-1{

	position: fixed;

	width: 1200px;

	top: 0;

	left: 50%; 

	margin-left: -600px; 

	z-index: 1;

}

div#parallax-bg-2{

	position: fixed;

	width: 1200px;

	top: 0;

	left: 50%; 

	margin-left: -600px; 

	z-index: 2;

}



div#parallax-bg-3{

	position: fixed;

	width: 960px;

	top: 0;

	left: 50%; 

	margin-left: -470px; 

	z-index: 3;

}

div#parallax-bg-3 div{

	background-repeat:no-repeat;

	position:absolute;

	display:block;

	overflow:hidden;

}

div#bg-3-1{

	background:url('https://raw.githubusercontent.com/BezrukovaEkaterina/dtttt/refs/heads/main/1.jpg');

	width:350px;

	height:350px;

	top:-100px;

	right:100px;

}
div#bg-3-2{

	background:url('https://raw.githubusercontent.com/BezrukovaEkaterina/dtttt/refs/heads/main/2.jpg');

	width:360px;

	height:360px;

	top:1050px;

	right:70px;

}
div#bg-3-3{

	background:url('https://raw.githubusercontent.com/BezrukovaEkaterina/dtttt/refs/heads/main/3.jpg');

	width:350px;

	height:350px;

	top:1800px;

	right:140px;

}
div#bg-3-4{

	background:url('https://raw.githubusercontent.com/BezrukovaEkaterina/dtttt/refs/heads/main/4.webp');

	width:600px;

	height:360px;

	top:2800px;

	right:0px;

} 
div#parallax-bg-2 div{

	background:url('https://raw.githubusercontent.com/BezrukovaEkaterina/dtttt/refs/heads/main/5.1.jpg');

	background-repeat:no-repeat;

	position:absolute;

	display:block;

	width:100px;

	height:100px;

	overflow:hidden;

}



div#bg-2-1{

	top:100px;

	left:-310px;

}

div#bg-2-2{

	top:270px;

	right:-70px;

}

div#bg-2-3{

	top:870px;

	left:-300px;

}

div#bg-2-4{

	top:1120px;

	right:-130px;

}

div#bg-2-5{

	top:1620px;

	left:140px;

}

div#bg-2-6{

	top:720px;

	left:340px;

}
div#parallax-bg-1 div{

	background-repeat:no-repeat;

	position:absolute;

	display:block;

	width:150px;

	height:150px;

	overflow:hidden;

}
div#bg-1-1{

	background:url('https://raw.githubusercontent.com/BezrukovaEkaterina/dtttt/refs/heads/main/7.1.jpeg');

	top:200px;

	right:250px;

}

   

div#bg-1-2{

	background:url('https://raw.githubusercontent.com/BezrukovaEkaterina/dtttt/refs/heads/main/8.1.png');

	top:420px;

	left:0px;

}

div#bg-1-3{

	background:url('https://raw.githubusercontent.com/BezrukovaEkaterina/dtttt/refs/heads/main/7.1.jpeg');

	top:850px;

	right:-290px;

}

div#bg-1-4{

	background:url('https://raw.githubusercontent.com/BezrukovaEkaterina/dtttt/refs/heads/main/8.1.png');

	top:1350px;

	left:200px;

}

div#bg-1-5{

	background:url('https://raw.githubusercontent.com/BezrukovaEkaterina/dtttt/refs/heads/main/7.1.jpeg');

	top:1200px;

	left:-200px;

}  
.fall1 {

  animation: fall1 5s infinite;

}
@keyframes fall1 {

  0% {

    transform: translateY(-80);

  }

  100% {

    transform: translateY(410vh);

  }

}
.fall2 {

  animation: fall2 5s infinite;

}
@keyframes fall2 {

  0% {

    transform: translateY(-80);

  }

  100% {

    transform: translateY(410vh);

  }

}
.fall3 {

  animation: fall3 5s infinite;

}
@keyframes fall3 {

  0% {

    transform: translateY(-80);

  }

  100% {

    transform: translateY(410vh);

  }

}
