*{
    margin: 0;
    padding:0;
}

#div_ciel{
    position: absolute;
    top:0;
    right:0;
}

#ciel{
    width:100vw;
}

#HASSADA{
    position: absolute;
    right:0vw;
    top:28.75vw;
    transform:scale(0.75);
    cursor: pointer;
}

#haql{
    position:absolute;
    right:0vw;
    top:0vw;
}

#hassada_1{
    position:absolute;
    right:13.75vw;
    top:34.75vw;
    transform:scale(0.75);
}

#hassada_2{
    position:absolute;
    right:12.75vw;
    top:40.5vw;
    transform:scale(0.75);
}

#hassad_haql_tibn{
    position:absolute;
    top:21vw;
    right:25vw;
}

#ligne_botte_1{    
    position:absolute;
    top:20.34vw;    
    right:0.7vw;
    transform:rotate(2deg);
    display:flex;
    gap:0;
}

#ligne_botte_2{
    position:absolute;
    top:11.17vw;
    right:0.3vw;    
    transform:rotate(2deg);
    display:flex;
    gap:0;
}

#ligne_botte_3{
    position:absolute;
    top:2vw;
    right:0vw;    
    transform:rotate(2deg);
    display:flex;
    gap:0;
}
#gamhon{
    opacity:0;
}
#gamh_1, #gamh_2, #gamh_3, #gamh_4{
    animation: gamhon 0.1s linear infinite ;
   
}

@keyframes gamhon {
    0%{
        transform:translate(0);


    }

    25%{

        transform:translate(-1px,0.25px );
    }
    50%{
        transform:translate(-1.5px,0.75px );

    }

    100%{
        transform:translate(-1.75px,1.2px );

    }
}

#akyas{
    position:absolute;
    top:38vw;
    right:77.5vw;
    opacity:0;
}

.pageSinan{
    position:absolute;
    top:38vw;
    right:88vw;
    width: 10vw;
}