.star{
   display:flex;
   position: absolute;
   background: white;
   border-radius: 50px;
   animation: moving_stars linear infinite;
}


.type-1{width: 1.4px;height: 1.4px;}
.type-2{width: 3.2px;height: 3.2px;}
.type-3{width: 3.9px;height: 3.9px;}
.type-4{width: 4.8px;height: 4.8px;}


/* les étoiles balayent la page en verticale de bas en haut de 120vh à -120vh */
@keyframes moving_stars {
   0%{ transform: translateY(50vh); }
   100%{ transform: translateY(-120vh); }
}



/* Responsive adjustments ****************************************************************************************************/
/***************************************************************************************************/
/***************************************************************************************************/
/***************************************************************************************************/
/* ECRAN PC TRES GRANDES TAILLES : ordinateurs, etc */
@media (min-width: 2561px) {

}


/***********************************************************************************************************/
/***********************************************************************************************************/
/***********************************************************************************************************/
/***********************************************************************************************************/
/***********************************************************************************************************/
@media (min-width: 1921px) and (max-width: 2560px) {

}



/***********************************************************************************************************/
/***********************************************************************************************************/
/***********************************************************************************************************/
@media (min-width: 1681px) and (max-width: 1920px) {
.type-1{width: 1px;height: 1px;}
.type-2{width: 2px;height: 2px;}
.type-3{width: 3px;height: 3px;}
.type-4{width: 4px;height: 4px;}
}

/***********************************************************************************************************/
/***********************************************************************************************************/
/***********************************************************************************************************/
@media (min-width: 1025px) and (max-width: 1680px) {
	
.type-1{width: 1px;height: 1px;}
.type-2{width: 1.5px;height: 1.5px;}
.type-3{width: 2px;height: 2px;}
.type-4{width: 2.5px;height: 2.5px;}

}


/***********************************************************************************************************/
/***********************************************************************************************************/
/***********************************************************************************************************/
/* PC/TABLETTE DE TAILLE INTERMEDIAIRES ******************************************************************************/
@media (min-width: 769px) and (max-width: 1024px) {
.type-1{width: 1px;height: 1px;}
.type-2{width: 1.5px;height: 1.5px;}
.type-3{width: 2px;height: 2px;}
.type-4{width: 2.5px;height: 2.5px;}
}


/***********************************************************************************************************/
/***********************************************************************************************************/
/***********************************************************************************************************/
/**********************************************************************************************************/
/* TABLETTES 1 */
@media (min-width: 481px) and (max-width: 768px) {
.type-1{width: 0.7px;height: 0.7px;}
.type-2{width: 1.0px;height: 1.0px;}
.type-3{width: 1.4px;height: 1.4px;}
.type-4{width: 2.0px;height: 2.0px;}	
}

/* M O B I L E S *******************************************************************************************/
/***********************************************************************************************************/
/***********************************************************************************************************/
/***********************************************************************************************************/
@media all and (max-width:480px) {

.type-1{width: 0.7px;height: 0.7px;}
.type-2{width: 1.0px;height: 1.0px;}
.type-3{width: 1.4px;height: 1.4px;}
.type-4{width: 2.0px;height: 2.0px;}

animation-duration: 100s;

}