/*fonts*/

@font-face {
    font-family: 'adobe_cleanregular';
    src: url('adobeclean-regular-webfont.woff2') format('woff2'),
         url('adobeclean-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bartendersemicondensed_sans';
    src: url('bartender_semicondensed_sans-webfont.woff2') format('woff2'),
         url('bartender_semicondensed_sans-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*général*/
body{
    margin:0;
    border:0;
    background-color:#303030;
    height:15000px;
    overflow-x:hidden;
}

/*part1*/

.perso{
    position:fixed;
    top: 50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:20vw;
    height:20vw;
    background-image:url(img-visua/perso-touch.svg);
    background-repeat:no-repeat;
    background-position:center;
}

.part-deb{
    position:absolute;
    background-repeat:no-repeat;
    background-position:center;
}

.particulesandperso{
    position:fixed;
    transform:translate(-50%,-50%);
    z-index:5;
}

/*.particules-debut{
    transform:translatey(500px);
}*/

/*part1-particules*/
.part-deb:nth-child(1){
    transform:translate(30%,-140%);
    width:18vw;
    height:18vw;
    background-image:url(img-visua/part1.svg);
}

.part-deb:nth-child(2){
    transform:translate(-20%,-260%);
    width:8vw;
    height:8vw;
    background-image:url(img-visua/part2.svg);
}

.part-deb:nth-child(3){
    transform:translate(-150%,-470%);
    width:5vw;
    height:5vw;
    background-image:url(img-visua/part3.svg);
}

.part-deb:nth-child(4){
    transform:translate(-100%,-130%);
    width:18vw;
    height:18vw;
    background-image:url(img-visua/part4.svg);
}

.part-deb:nth-child(5){
    transform:translate(-250%,-260%);
    width:9vw;
    height:9vw;
    background-image:url(img-visua/part5.svg);
}

.part-deb:nth-child(6){
    transform:translate(-280%,-170%);
    width:10.5vw;
    height:10.5vw;
    background-image:url(img-visua/part6.svg);
}

.part-deb:nth-child(7){
    transform:translate(-1050%,-600%);
    width:3vw;
    height:3vw;
    background-image:url(img-visua/part7.svg);
}

.part-deb:nth-child(8){
    transform:translate(-260%,-130%);
    width:19vw;
    height:19vw;
    background-image:url(img-visua/part8.svg);
}

.part-deb:nth-child(9){
    transform:translate(-380%,-250%);
    width:4vw;
    height:4vw;
    background-image:url(img-visua/part9.svg);
}

.part-deb:nth-child(10){
    transform:translate(50%,-450%);
    width:3vw;
    height:3vw;
    background-image:url(img-visua/part10.svg);
}

.part-deb:nth-child(11){
    transform:translate(-280%,-500%);
    width:2vw;
    height:2vw;
    background-image:url(img-visua/part11.svg);
}

.part-deb:nth-child(12){
    transform:translate(-3000%,-600%);
    width:1vw;
    height:1vw;
    background-image:url(img-visua/part12.svg);
}

.part-deb:nth-child(13){
    transform:translate(-650%,-100%);
    width:6vw;
    height:6vw;
    background-image:url(img-visua/part13.svg);
}

.part-deb:nth-child(14){
    transform:translate(-260%,-50%);
    width:12vw;
    height:12vw;
    background-image:url(img-visua/part14.svg);
}

.part-deb:nth-child(15){
    transform:translate(-150%,0%);
    width:12vw;
    height:12vw;
    background-image:url(img-visua/part15.svg);
}

.part-deb:nth-child(16){
    transform:translate(-200%,-80%);
    width:10vw;
    height:10vw;
    background-image:url(img-visua/part16.svg);
}

.part-deb:nth-child(17){
    transform:translate(500%,-50%);
    width:7vw;
    height:7vw;
    background-image:url(img-visua/part17.svg);
}

.part-deb:nth-child(18){
    transform:translate(200%,-150%);
    width:12vw;
    height:12vw;
    background-image:url(img-visua/part18.svg);
}

.part-deb:nth-child(19){
    transform:translate(800%,200%);
    width:2vw;
    height:2vw;
    background-image:url(img-visua/part19.svg);
}

.part-deb:nth-child(20){
    transform:translate(50%,-60%);
    width:20vw;
    height:20vw;
    background-image:url(img-visua/part20.svg);
}

.part-deb:nth-child(21){
    transform:translate(220%,-150%);
    width:15vw;
    height:15vw;
    background-image:url(img-visua/part21.svg);
}

.part-deb:nth-child(22){
    transform:translate(-80%,150%);
    width:12vw;
    height:12vw;
    background-image:url(img-visua/part22.svg);
}

.part-deb:nth-child(23){
    transform:translate(500%,-500%);
    width:5vw;
    height:5vw;
    background-image:url(img-visua/part23.svg);
}

.part-deb:nth-child(24){
    transform:translate(5%,20%);
    width:20vw;
    height:20vw;
    z-index:5;
    background-image:url(img-visua/part1.svg);
}

.part-deb:nth-child(25){
    transform:translate(-280%,-300%);
    width:11vw;
    height:11vw;
    background-image:url(img-visua/part2.svg);
}

.part-deb:nth-child(26){
    transform:translate(-450%,250%);
    width:5vw;
    height:5vw;
    background-image:url(img-visua/part3.svg);
}

.part-deb:nth-child(27){
    transform:translate(130%,50%);
    width:18vw;
    height:18vw;
    background-image:url(img-visua/part4.svg);
}

.part-deb:nth-child(28){
    transform:translate(-450%,120%);
    width:9vw;
    height:9vw;
    background-image:url(img-visua/part5.svg);
}

.part-deb:nth-child(29){
    transform:translate(280%,0%);
    width:10.5vw;
    height:10.5vw;
    background-image:url(img-visua/part6.svg);
}

.part-deb:nth-child(30){
    transform:translate(-250%,500%);
    width:3vw;
    height:3vw;
    background-image:url(img-visua/part7.svg);
}

.grad-chute{
    background: linear-gradient(#303030 , #0A0A0A);
    width:100vw;
    height:300vh;
    position:fixed;
    top:200%;
    /*top:-300%;*/
    z-index:1;
}

/*part2*/

.persotombeetpouf{
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index:2;
}
.perso-tombe{
    position:absolute;
    transform:translate(-50%,-50%);
    width:25vw;
    height:25vw;
    background-image:url(img-visua/perso-tombe.svg);
    background-repeat:no-repeat;
    background-position:center;
    
}
.poufjsp{
    position:absolute;
    transform:translate(-50%,-40%);
    width:25vw;
    height:25vw;
    background-image:url(img-visua/pouf.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:80%;
    z-index:-1;
    opacity:0;
}

.allpiece1{
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);

}

.pouf1{
    position:absolute;
    width:25vw;
    height:25vw;
    background-image:url(img-visua/pouf.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:80%;
    z-index:1;
    opacity:1;
}

.pouf1off{
    position:absolute;
    width:25vw;
    height:25vw;
    background-image:url(img-visua/poufoff.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:80%;
    z-index:1;
    opacity:1;
}

.projooff{
    position:absolute;
    width:17vw;
    height:16vw;
    background-image:url(img-visua/projo-off.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:50%;
    z-index:1;
    opacity:1;;

}
.projoon{
    position:absolute;
    width:17vw;
    height:16vw;
    background-image:url(img-visua/projo-on.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:50%;
    z-index:1;
    opacity:0;
    transform:translate(-150%,30%);

}
.lampeoff{
    position:absolute;
    width:18vw;
    height:18vw;
    background-image:url(img-visua/lampeoff.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:50%;
    z-index:1;
    opacity:1;
    transform:translate(-50%,-150%);

}
.lampeon{
    position:absolute;
    width:18vw;
    height:18vw;
    background-image:url(img-visua/lampeon.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:50%;
    z-index:1;
    opacity:1;
    transform:translate(-50%,-150%);

}
.lueurp1{
    position:absolute;
    width:35vw;
    height:35vw;
    background-image:url(img-visua/lueur-projo1.svg);
    background-repeat:no-repeat;
    background-position:center;
    background-size:60%;
    z-index:1;
    opacity:1;
    transform:translate(-99%,-29%);

}

.lueurpp1{
    position:absolute;
    width:80vw;
    height:80vw;
    background-image:url(img-visua/lueur-projo-proj1.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:40%;
    z-index:1;
    opacity:1;
    transform:translate(-71.5%,-55%);

}
.lueurl1{
    position:absolute;
    width:150vw;
    height:150vw;
    background-image:url(img-visua/lueur-plafond.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:60%;
    z-index:1;
    opacity:1;
    transform:translate(-50%,-47%);

}
.plafondsal{
    position:absolute;
    width:170vw;
    height:150vw;
    background-image:url(img-visua/plafond-sal.svg);
    background-repeat:no-repeat;
    background-position:center;
    background-size:60%;
    z-index:0;
    opacity:1;
    transform:translate(-50%,-63%);

}

.etagere-g{
    position:absolute;
    width:35vw;
    height:50vw;
    background-image:url(img-visua/etg.svg);
    background-repeat:no-repeat;
    background-position:center;
    background-size:60%;
    z-index:0;
    opacity:1;
    transform:translate(-120%,-50%);

}
.etagere-d{
    position:absolute;
    width:35vw;
    height:50vw;
    background-image:url(img-visua/etd.svg);
    background-repeat:no-repeat;
    background-position:center;
    background-size:60%;
    z-index:0;
    opacity:1;
    transform:translate(20%,-50%);

}
.drap-h{
    position:absolute;
    width:100vw;
    height:100vw;
    background-image:url(img-visua/draph.svg);
    background-repeat:no-repeat;
    background-position:center;
    background-size:60%;
    z-index:1;
    opacity:1;
    transform:translate(-50%,-68.05%);

}

/*base 3d structure*/

.structure{
    height:25vw;
    width:29vw;
    background-color:rgba(0, 0, 255, 0);
    perspective:40vw/*passer à 40*/;
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%) scale(1.7);
}

.container{
    background-color:rgba(0, 0, 0, 0);
    transform-style: preserve-3d;
    display:flex;
    width:29vw;
    position:absolute;
   transform: rotatex(0deg) rotatey(0deg) rotatez(0deg) translatex(0vw) translatey(0) translatez(0vw) ;
}

.pied-lot{
    transform-style: preserve-3d;
    display:flex;
}

/*fond*/

.fondf{
    background-color:#1A1A1A;
    width:25vw;
    height:23vw;
    position:absolute;
    transform: rotatex(0deg) rotatey(0deg) rotatez(0deg) translatex(2vw) translatey(1vw) translatez(-27vw) ;
}

.fondg{
    background-color:#1A1A1A;
    width:25vw;
    height:23vw;
    position:absolute;
    transform: rotatex(0deg) rotatey(90deg) rotatez(0deg) translatex(13.5vw) translatey(1vw) translatez(-11.5vw) ;
}

.fondd{
    background-color:#1A1A1A;
    width:25vw;
    height:23vw;
    position:absolute;
    transform: rotatex(0deg) rotatey(-90deg) rotatez(0deg) translatex(-13.5vw) translatey(1vw) translatez(-15.5vw) ;
}
.fondh{
    background-color:#1A1A1A;
    background-position:center;
    background-size:cover;
    width:25vw;
    height:25vw;
    position:absolute;
    transform: rotatex(90deg) rotatey(0deg) rotatez(0deg) translatex(2vw) translatey(-13.5vw) translatez(12.5vw) ;
}

/*Bas positionnement des pieds*/

.pied-lot:nth-child(2){
    transform:translatex(-12vw) translatez(-26vw);
}
.pied-lot:nth-child(3){
    transform:translatex(-24vw) translatez(-13.5vw) translatey(-12.5vw) rotatex(90deg);
}

.pied-lot:nth-child(4){
    transform:translatex(-27.5vw) translatez(-22vw) translatey(-12.5vw) rotatex(90deg) rotatez(90deg);
}

/*Base pieds*/
.pied-gp{
    display:flex;
    background-color:rgba(255, 255, 255, 0);
    width:fit-content;
    transform-style: preserve-3d;

}

.pied-gp .face1{
    width:1vw;
    height:25vw;
    background-color:#4B4B4B;
    transform: rotatey(90deg) translatex(0.5vw) translatez(0.5vw);
}

.pied-gp .face2{
    width:1vw;
    height:25vw;
    background-color:#4B4B4B;
    transform: rotatey(0deg) translatex(0vw);
}

.pied-gp .face3{
    width:1vw;
    height:25vw;
    background-color:#4B4B4B;
    transform: rotatey(90deg) translatex(0.5vw) translatez(-0.5vw);
}

.pied-gp .face4{
    width:1vw;
    height:25vw;
    background-color:#4B4B4B;
    transform: rotatey(0deg) translatex(-2vw) translatez(-1vw);
}

.pied-gp .face5{
    width:1vw;
    height:1vw;
    background-color:#4B4B4B;
    transform: rotatex(90deg) translatex(-3vw) translatey(-0.5vw)translatez(0.5vw);
}

.pied-gp .face6{
    width:1vw;
    height:1vw;
    background-color:#4B4B4B;
    transform: rotatex(90deg) translatex(-4vw) translatey(-0.5vw)translatez(-24.5vw);
}

.pied-dp{
    display:flex;
    transform: rotatex(0deg) rotatey(0deg) rotatez(0deg) translatex(20vw);
    background-color:rgba(255, 255, 255, 0);
    width:fit-content;
    transform-style: preserve-3d;

}

.pied-dp .face1{
    width:1vw;
    height:25vw;
    background-color:#4B4B4B;
    transform: rotatey(90deg) translatex(0.5vw) translatez(0.5vw);
}

.pied-dp .face2{
    width:1vw;
    height:25vw;
    background-color:#4B4B4B;
    transform: rotatey(0deg) translatex(0vw);
}

.pied-dp .face3{
    width:1vw;
    height:25vw;
    background-color:#4B4B4B;
    transform: rotatey(90deg) translatex(0.5vw) translatez(-0.5vw);
}

.pied-dp .face4{
    width:1vw;
    height:25vw;
    background-color:#4B4B4B;
    transform: rotatey(0deg) translatex(-2vw) translatez(-1vw);
}

.pied-dp .face5{
    width:1vw;
    height:1vw;
    background-color:#4B4B4B;
    transform: rotatex(90deg) translatex(-3vw) translatey(-0.5vw)translatez(0.5vw);
}

.pied-dp .face6{
    width:1vw;
    height:1vw;
    background-color:#4B4B4B;
    transform: rotatex(90deg) translatex(-4vw) translatey(-0.5vw)translatez(-24.5vw);
}

/*couleurs structure 3d*/

.pied-lot:nth-child(1) .pied-gp .face1{
    background-color:#3F3F3F;
}

.pied-lot:nth-child(1) .pied-gp .face2{
    background-color:#3F3F3F;
}

.pied-lot:nth-child(1) .pied-gp .face3{
    background-color:#4B4B4B;
}

.pied-lot:nth-child(1) .pied-gp .face4{
    background-color:#4B4B4B;
}

.pied-lot:nth-child(1) .pied-gp .face5{
    background-color:#3F3F3F;
}

.pied-lot:nth-child(1) .pied-gp .face6{
    background-color:#3F3F3F;
}

.pied-lot:nth-child(1) .pied-dp .face1{
    background-color:#4B4B4B;
}

.pied-lot:nth-child(1) .pied-dp .face2{
    background-color:#3F3F3F;
}

.pied-lot:nth-child(1) .pied-dp .face3{
    background-color:#3F3F3F;
}

.pied-lot:nth-child(1) .pied-dp .face4{
    background-color:#4B4B4B;
}

.pied-lot:nth-child(1) .pied-dp .face5{
    background-color:#4B4B4B;
}

.pied-lot:nth-child(1) .pied-dp .face6{
    background-color:#4B4B4B;
}

.pied-lot:nth-child(2) .pied-gp .face1{
    background-color:#3F3F3F;
}

.pied-lot:nth-child(2) .pied-gp .face2{
    background-color:#3F3F3F;
}

.pied-lot:nth-child(2) .pied-gp .face3{
    background-color:#4B4B4B;
}

.pied-lot:nth-child(2) .pied-gp .face4{
    background-color:#4B4B4B;
}

.pied-lot:nth-child(2) .pied-gp .face5{
    background-color:#3F3F3F;
}

.pied-lot:nth-child(2) .pied-gp .face6{
    background-color:#3F3F3F;
}

.pied-lot:nth-child(2) .pied-dp .face1{
    background-color:#4B4B4B;
}

.pied-lot:nth-child(2) .pied-dp .face2{
    background-color:#3F3F3F;
}

.pied-lot:nth-child(2) .pied-dp .face3{
    background-color:#3F3F3F;
}

.pied-lot:nth-child(2) .pied-dp .face4{
    background-color:#4B4B4B;
}

.pied-lot:nth-child(2) .pied-dp .face5{
    background-color:#3F3F3F;
}

.pied-lot:nth-child(2) .pied-dp .face6{
    background-color:#3F3F3F;
}

.pied-lot:nth-child(3) .pied-gp .face1{
    background-color:#4B4B4B;
}

.pied-lot:nth-child(3) .pied-gp .face2{
    background-color:#4B4B4B;
}

.pied-lot:nth-child(3) .pied-gp .face3{
    background-color:#4B4B4B;
}

.pied-lot:nth-child(3) .pied-gp .face4{
    background-color:#303030;
}

.pied-lot:nth-child(3) .pied-gp .face5{
    background-color:#303030;
}

.pied-lot:nth-child(3) .pied-gp .face6{
    background-color:#303030;
}

.pied-lot:nth-child(3) .pied-dp .face1{
    background-color:#4B4B4B;
}

.pied-lot:nth-child(3) .pied-dp .face2{
    background-color:#4B4B4B;
}

.pied-lot:nth-child(3) .pied-dp .face3{
    background-color:#303030;
}

.pied-lot:nth-child(3) .pied-dp .face4{
    background-color:#303030;
}

.pied-lot:nth-child(3) .pied-dp .face5{
    background-color:#303030;
}

.pied-lot:nth-child(3) .pied-dp .face6{
    background-color:#303030;
}

.pied-lot:nth-child(4) .pied-gp .face1{
    background-color:#4B4B4B;
}

.pied-lot:nth-child(4) .pied-gp .face2{
    background-color:#373737;
}

.pied-lot:nth-child(4) .pied-gp .face3{
    background-color:#4B4B4B;
}

.pied-lot:nth-child(4) .pied-gp .face4{
    background-color:#373737;
}

.pied-lot:nth-child(4) .pied-gp .face5{
    background-color:#373737;
}

.pied-lot:nth-child(4) .pied-gp .face6{
    background-color:#373737;
}

.pied-lot:nth-child(4) .pied-dp .face1{
    background-color:#373737;
}

.pied-lot:nth-child(4) .pied-dp .face2{
    background-color:#3F3F3F;
}

.pied-lot:nth-child(4) .pied-dp .face3{
    background-color:#3F3F3F;
}

.pied-lot:nth-child(4) .pied-dp .face4{
    background-color:#373737;
}

.pied-lot:nth-child(4) .pied-dp .face5{
    background-color:#373737;
}

.pied-lot:nth-child(4) .pied-dp .face6{
    background-color:#373737;
}


.pouffinoff{
    position:absolute;
    width:25vw;
    height:25vw;
    background-image:url(img-visua/poufoff.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:50%;
    z-index:1;
    opacity:0;
    transform:translatex(8vw) translatey(10vw) translatez(-13.5vw);
    transition: all 0.15s ease-in-out;
}

.poffin{
    position:absolute;
    width:17vw;
    height:16vw;
    background-image:url(img-visua/projo-off.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:25%;
    z-index:1;
    opacity:0;
    transform:translatex(-2vw) translatey(15vw) translatez(-13.5vw) ;
    transition: all 0.15s ease-in-out;
}

.pouffinon{
    position:absolute;
    width:25vw;
    height:25vw;
    background-image:url(img-visua/pouf.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:50%;
    z-index:1;
    opacity:0;
    transform:translatex(8vw) translatey(10vw) translatez(-13.5vw);
}

.ponfin{
    position:absolute;
    width:17vw;
    height:16vw;
    background-image:url(img-visua/projo-on.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:25%;
    z-index:1;
    opacity:0;
    transform:translatex(-2vw) translatey(15vw) translatez(-13.5vw) ;
}

.lueurprojofin{
    position:absolute;
    width:17vw;
    height:16vw;
    background-image:url(img-visua/lueurproj2.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:40%;
    z-index:1;
    opacity:0;
    transform:translatex(-2vw) translatey(12vw) translatez(-13.5vw) ;

}
.lueurprojoprojetfin{
    position:absolute;
    transform-style: preserve-3d;
    width:25vw;
    height:25vw;
    background-image:url(img-visua/lueur-projo-proj2.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:60%;
    z-index:1;
    opacity:0;
    transform:translatex(-6vw) translatey(-2vw) translatez(-13.5vw) ;

}
.objectif-photo{
    position:absolute;
    width:17vw;
    height:16vw;
    background-image:url(img-visua/objectif.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:25%;
    z-index:1;
    opacity:0;
    transform:translatex(-2vw) translatey(11vw) translatez(-13.5vw) ;

}
.dernierelueur{
    position:absolute;
    transform-style: preserve-3d;
    width:55vw;
    height:30vw;
    background-image:url(img-visua/lueur-projo-proj3.png);
    background-repeat:no-repeat;
    background-color: rgba(0, 255, 255, 0);
    background-position:bottom;
    background-size:65%;
    z-index:1;
    opacity:0;
    transform:translatex(-13vw) translatey(-6vw) translatez(-13.5vw) ;

}

.gradient-correction{
    background: linear-gradient(#0A0A0A, #0a0a0a);
    width:30vw;
    height:3vw;
    position:fixed;
    z-index:75;
    top:-3vw;
}

/*part*/

.structure2{
    height:50vw;
    width:80vw;
    background-color:rgba(0, 0, 255, 0);
    perspective:40vw;
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%) scale(1);
}



.dpart{
    background-color:rgba(182, 10, 10, 0);
    transform-style: preserve-3d;
    display:flex;
    width:100%;
    height:100%;
    position:absolute;
}

.dpart1{
    width:15vw;
    height:15vw;
    background-image:url(img-visua/part1.svg);
    
    background-size:90%;
    background-position:center;
    background-repeat:no-repeat;
    position:absolute;
    transform:translatex(70vw) translatey(65vw) translatez(-1000vw) ;

}
.dpart2{
    width:20vw;
    height:20vw;
    background-image:url(img-visua/part2.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(30vw) translatey(30vw) translatez(-2100vw) ;

}
.dpart3{
    width:3vw;
    height:3vw;
    background-image:url(img-visua/part3.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(-10vw) translatey(-10vw) translatez(-20vw) ;
}
.dpart4{
    width:16vw;
    height:16vw;
    background-image:url(img-visua/part4.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(180vw) translatey(-3vw) translatez(-400vw) ;
}
.dpart5{
    width:12vw;
    height:12vw;
    background-image:url(img-visua/part5.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(-30vw) translatey(5vw) translatez(-1350vw) ;
}
.dpart6{
    width:5vw;
    height:5vw;
    background-image:url(img-visua/part6.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(0vw) translatey(40vw) translatez(-500vw) ;
}
.dpart7{
    width:9vw;
    height:9vw;
    background-image:url(img-visua/part7.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(5vw) translatey(-10vw) translatez(-15vw) ;
}

.dpart8{
    width:15vw;
    height:15vw;
    background-image:url(img-visua/part8.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(1vw) translatey(25vw) translatez(-300vw) ;
}
.dpart10{
    width:15vw;
    height:15vw;
    background-image:url(img-visua/part10.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(-50vw) translatey(25vw) translatez(-900vw) ;
}
.dpart11{
    width:1vw;
    height:1vw;
    background-image:url(img-visua/part11.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(50vw) translatey(10vw) translatez(-800vw) ;
}
.dpart12{
    width:25vw;
    height:25vw;
    background-image:url(img-visua/part12.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(-35vw) translatey(-30vw) translatez(-1050vw) ;
}
.dpart13{
    width:17vw;
    height:17vw;
    background-image:url(img-visua/part13.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(-10vw) translatey(-40vw) translatez(-1750vw) ;
}
.dpart14{
    width:8vw;
    height:8vw;
    background-image:url(img-visua/part14.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(10vw) translatey(-50vw) translatez(-1700vw) ;
}
.dpart15{
    width:5vw;
    height:5vw;
    background-image:url(img-visua/part15.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(16vw) translatey(-13vw) translatez(-1900vw) ;
}
.dpart16{
    width:19vw;
    height:19vw;
    background-image:url(img-visua/part16.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(196vw) translatey(5vw) translatez(-1900vw) ;
}
.dpart17{
    width:23vw;
    height:23vw;
    background-image:url(img-visua/part17.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(-18vw) translatey(-7vw) translatez(-2500vw) ;
}
.dpart18{
    width:22vw;
    height:22vw;
    background-image:url(img-visua/part18.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(10vw) translatey(-12vw) translatez(-2900vw) ;
}
.dpart19{
    width:12vw;
    height:12vw;
    background-image:url(img-visua/part19.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(-58vw) translatey(-10vw) translatez(-2700vw) ;
}
.dpart20{
    width:11vw;
    height:11vw;
    background-image:url(img-visua/part20.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(42vw) translatey(-35vw) translatez(-2300vw) ;
}
.dpart21{
    width:15vw;
    height:15vw;
    background-image:url(img-visua/part21.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(-23vw) translatey(-25vw) translatez(-1000vw) ;
}
.dpart22{
    width:6vw;
    height:6vw;
    background-image:url(img-visua/part22.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(0vw) translatey(-9vw) translatez(-900vw) ;
}
.dpart23{
    width:9vw;
    height:9vw;
    background-image:url(img-visua/part23.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(8vw) translatey(-5vw) translatez(-600vw) ;
}
.dpart24{
    width:19vw;
    height:19vw;
    background-image:url(img-visua/part1.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(-12vw) translatey(5vw) translatez(-1500vw) ;
}
.dpart25{
    width:25vw;
    height:25vw;
    background-image:url(img-visua/part2.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(10vw) translatey(0vw) translatez(-4000vw) ;
}
.dpart26{
    width:21vw;
    height:21vw;
    background-image:url(img-visua/part3.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(36vw) translatey(0vw) translatez(-1200vw) ;
}
.dpart27{
    width:4vw;
    height:4vw;
    background-image:url(img-visua/part4.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(-21vw) translatey(90vw) translatez(-1200vw) ;
}
.dpart28{
    width:32vw;
    height:32vw;
    background-image:url(img-visua/part5.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(-36vw) translatey(10vw) translatez(-1300vw) ;
}
.dpart29{
    width:10vw;
    height:10vw;
    background-image:url(img-visua/part6.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(46vw) translatey(25vw) translatez(-2300vw) ;
}
.dpart30{
    width:15vw;
    height:15vw;
    background-image:url(img-visua/part7.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(-150vw) translatey(50vw) translatez(-3300vw) ;
}
.dpart31{
    width:45vw;
    height:45vw;
    background-image:url(img-visua/part8.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(15vw) translatey(5vw) translatez(-00vw) ;
}

.dpart32{
    width:15vw;
    height:15vw;
    background-image:url(img-visua/part9.svg);
    
    background-size:90%;
    background-position:center;
    background-repeat:no-repeat;
    position:absolute;
    transform:translatex(70vw) translatey(65vw) translatez(-3800vw) ;

}
.dpart33{
    width:20vw;
    height:20vw;
    background-image:url(img-visua/part10.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(30vw) translatey(30vw) translatez(-1700vw) ;

}
.dpart34{
    width:3vw;
    height:3vw;
    background-image:url(img-visua/part11.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(-10vw) translatey(-10vw) translatez(-20vw) ;
}
.dpart35{
    width:16vw;
    height:16vw;
    background-image:url(img-visua/part12.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(80vw) translatey(-3vw) translatez(-400vw) ;
}
.dpart36{
    width:12vw;
    height:12vw;
    background-image:url(img-visua/part13.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(160vw) translatey(-45vw) translatez(-1350vw) ;
}
.dpart37{
    width:5vw;
    height:5vw;
    background-image:url(img-visua/part14.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(-120vw) translatey(40vw) translatez(-500vw) ;
}
.dpart38{
    width:9vw;
    height:9vw;
    background-image:url(img-visua/part15.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(65vw) translatey(-19vw) translatez(-15vw) ;
}

.dpart39{
    width:15vw;
    height:15vw;
    background-image:url(img-visua/part16.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(1vw) translatey(10vw) translatez(-300vw) ;
}
.dpart40{
    width:15vw;
    height:15vw;
    background-image:url(img-visua/part17.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(-50vw) translatey(25vw) translatez(-900vw) ;
}
.dpart41{
    width:1vw;
    height:1vw;
    background-image:url(img-visua/part18.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(90vw) translatey(50vw) translatez(-800vw) ;
}
.dpart42{
    width:25vw;
    height:25vw;
    background-image:url(img-visua/part19.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(-150vw) translatey(-100vw) translatez(-1050vw) ;
}
.dpart43{
    width:17vw;
    height:17vw;
    background-image:url(img-visua/part20.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(-19vw) translatey(-80vw) translatez(-1750vw) ;
}
.dpart44{
    width:8vw;
    height:8vw;
    background-image:url(img-visua/part21.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(100vw) translatey(-50vw) translatez(-1700vw) ;
}
.dpart45{
    width:5vw;
    height:5vw;
    background-image:url(img-visua/part22.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(-55vw) translatey(-103vw) translatez(-1900vw) ;
}
.dpart46{
    width:19vw;
    height:19vw;
    background-image:url(img-visua/part23.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(30vw) translatey(5vw) translatez(-2400vw) ;
}
.dpart47{
    width:23vw;
    height:23vw;
    background-image:url(img-visua/part1.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(100vw) translatey(-55vw) translatez(-2500vw) ;
}
.dpart48{
    width:22vw;
    height:22vw;
    background-image:url(img-visua/part2.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(35vw) translatey(45vw) translatez(-2900vw) ;
}
.dpart49{
    width:80vw;
    height:80vw;
    background-image:url(img-visua/part3.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(370vw) translatey(-390vw) translatez(-500vw) ;
}
.dpart50{
    width:60vw;
    height:60vw;
    background-image:url(img-visua/part4.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(-62vw) translatey(85vw) translatez(-120vw) ;
}
.dpart51{
    width:40vw;
    height:40vw;
    background-image:url(img-visua/part5.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(-150vw) translatey(-250vw) translatez(-250vw) ;
}
.dpart52{
    width:6vw;
    height:6vw;
    background-image:url(img-visua/part6.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(-15vw) translatey(-180vw) translatez(-300vw) ;
}
.dpart53{
    width:30vw;
    height:30vw;
    background-image:url(img-visua/part7.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(110vw) translatey(120vw) translatez(-200vw) ;
}
.dpart54{
    width:19vw;
    height:19vw;
    background-image:url(img-visua/part8.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(-180vw) translatey(100vw) translatez(-200vw) ;
}
.dpart55{
    width:25vw;
    height:25vw;
    background-image:url(img-visua/part9.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(150vw) translatey(0vw) translatez(-50vw) ;
}
.dpart56{
    width:21vw;
    height:21vw;
    background-image:url(img-visua/part10.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(-236vw) translatey(-15vw) translatez(-200vw) ;
}
.dpart57{
    width:4vw;
    height:4vw;
    background-image:url(img-visua/part11.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(150vw) translatey(90vw) translatez(-1450vw) ;
}
.dpart58{
    width:32vw;
    height:32vw;
    background-image:url(img-visua/part12.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(36vw) translatey(10vw) translatez(-2800vw) ;
}
.dpart59{
    width:10vw;
    height:10vw;
    background-image:url(img-visua/part13.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(76vw) translatey(25vw) translatez(-2100vw) ;
}
.dpart60{
    width:15vw;
    height:15vw;
    background-image:url(img-visua/part14.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(100vw) translatey(50vw) translatez(-1300vw) ;
}
.dpart61{
    width:25vw;
    height:25vw;
    background-image:url(img-visua/part15.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(150vw) translatey(5vw) translatez(-00vw) ;
}
.dpart62{
    width:25vw;
    height:25vw;
    background-image:url(img-visua/part9.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(150vw) translatey(0vw) translatez(-700vw) ;
}
.dpart63{
    width:21vw;
    height:21vw;
    background-image:url(img-visua/part10.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(210vw) translatey(-35vw) translatez(-600vw) ;
}
.dpart64{
    width:4vw;
    height:4vw;
    background-image:url(img-visua/part11.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(150vw) translatey(90vw) translatez(-550vw) ;
}
.dpart65{
    width:32vw;
    height:32vw;
    background-image:url(img-visua/part12.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(56vw) translatey(10vw) translatez(-800vw) ;
}
.dpart66{
    width:10vw;
    height:10vw;
    background-image:url(img-visua/part13.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(76vw) translatey(-25vw) translatez(-900vw) ;
}
.dpart67{
    width:15vw;
    height:15vw;
    background-image:url(img-visua/part14.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(-100vw) translatey(-40vw) translatez(-900vw) ;
}
.dpart68{
    width:25vw;
    height:25vw;
    background-image:url(img-visua/part15.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(-150vw) translatey(5vw) translatez(-1000vw) ;
}
.dpart69{
    width:15vw;
    height:15vw;
    background-image:url(img-visua/part14.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(25vw) translatey(50vw) translatez(-750vw) ;
}
.dpart70{
    width:25vw;
    height:25vw;
    background-image:url(img-visua/part15.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(150vw) translatey(5vw) translatez(-600vw) ;
}
.dpart71{
    width:45vw;
    height:45vw;
    background-image:url(img-visua/part8.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(-125vw) translatey(-45vw) translatez(-3600vw) ;
}

.dpart72{
    width:15vw;
    height:15vw;
    background-image:url(img-visua/part9.svg);
    
    background-size:90%;
    background-position:center;
    background-repeat:no-repeat;
    position:absolute;
    transform:translatex(70vw) translatey(65vw) translatez(-3800vw) ;

}
.dpart73{
    width:20vw;
    height:20vw;
    background-image:url(img-visua/part10.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(30vw) translatey(30vw) translatez(-3500vw) ;

}
.dpart74{
    width:3vw;
    height:3vw;
    background-image:url(img-visua/part11.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(-10vw) translatey(-10vw) translatez(-3400vw) ;
}
.dpart75{
    width:16vw;
    height:16vw;
    background-image:url(img-visua/part12.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(80vw) translatey(-3vw) translatez(-4000vw) ;
}
.dpart76{
    width:12vw;
    height:12vw;
    background-image:url(img-visua/part13.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(160vw) translatey(-45vw) translatez(-3350vw) ;
}
.dpart77{
    width:5vw;
    height:5vw;
    background-image:url(img-visua/part14.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(-120vw) translatey(40vw) translatez(-3200vw) ;
}
.dpart78{
    width:9vw;
    height:9vw;
    background-image:url(img-visua/part15.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(65vw) translatey(-19vw) translatez(-3000vw) ;
}

.dpart79{
    width:15vw;
    height:15vw;
    background-image:url(img-visua/part16.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(1vw) translatey(10vw) translatez(-2900vw) ;
}
.dpart80{
    width:15vw;
    height:15vw;
    background-image:url(img-visua/part17.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(-50vw) translatey(25vw) translatez(-900vw) ;
}
.dpart81{
    width:40vw;
    height:40vw;
    background-image:url(img-visua/part5.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(-150vw) translatey(-250vw) translatez(-2250vw) ;
}
.dpart82{
    width:6vw;
    height:6vw;
    background-image:url(img-visua/part6.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(-15vw) translatey(-180vw) translatez(-3900vw) ;
}
.dpart83{
    width:30vw;
    height:30vw;
    background-image:url(img-visua/part7.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(110vw) translatey(120vw) translatez(-3600vw) ;
}
.dpart84{
    width:19vw;
    height:19vw;
    background-image:url(img-visua/part8.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(-180vw) translatey(100vw) translatez(-3500vw) ;
}
.dpart85{
    width:25vw;
    height:25vw;
    background-image:url(img-visua/part9.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(150vw) translatey(0vw) translatez(-3500vw) ;
}
.dpart86{
    width:21vw;
    height:21vw;
    background-image:url(img-visua/part10.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(-236vw) translatey(-15vw) translatez(-3950vw) ;
}
.dpart87{
    width:4vw;
    height:4vw;
    background-image:url(img-visua/part11.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(150vw) translatey(90vw) translatez(-3850vw) ;
}
.dpart88{
    width:32vw;
    height:32vw;
    background-image:url(img-visua/part12.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(125vw) translatey(-10vw) translatez(-3800vw) ;
}
.dpart89{
    width:10vw;
    height:10vw;
    background-image:url(img-visua/part13.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(160vw) translatey(-55vw) translatez(-2100vw) ;
}
.dpart90{
    width:15vw;
    height:15vw;
    background-image:url(img-visua/part14.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(100vw) translatey(50vw) translatez(-1300vw) ;
}


.dpart9{
    width:40vw;
    height:40vw;
    background-image:url(img-visua/part9.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    top:50%;
    left:50%;
    transform:translatex(-50%) translatey(-50%) translatez(-4200vw) ;
}

.textdata1{
    width:60vw;
    height:60vw;
    background-image:url(img-visua/textdata1.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(-20vw) translatey(-10vw) translatez(-600vw) ;
    filter: blur(0.05vw);
}
.textdata2{
    width:60vw;
    height:60vw;
    background-image:url(img-visua/textdata2.svg);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    transform:translatex(60vw) translatey(10vw) translatez(-1200vw) ;
    filter: blur(0.05vw);

}
.textdata3{
    width:60vw;
    height:60vw;
    background-image:url(img-visua/textdata3.svg);
    background-repeat:no-repeat;
    background-size:70%;
    background-position:center;
    position:absolute;
    top:50%;
    left:50%;
    transform:translatex(-50vw) translatey(0vw) translatez(-1800vw) ;
    filter: blur(0.05vw);
}

.textdata4{
    width:60vw;
    height:60vw;
    background-image:url(img-visua/textdata4.svg);
    background-repeat:no-repeat;
    background-size:70%;
    background-position:center;
    position:absolute;
    top:50%;
    left:50%;
    transform:translatex(20vw) translatey(-40vw) translatez(-2400vw) ;
    filter: blur(0.05vw);
}

.textdata5{
    width:60vw;
    height:60vw;
    background-image:url(img-visua/textdata5.svg);
    background-repeat:no-repeat;
    background-size:70%;
    background-position:center;
    position:absolute;
    top:70%;
    left:50%;
    transform:translatex(-50%) translatey(0) translatez(-3000vw) ;
    filter: blur(0.05vw);
}

.textdata6{
    width:60vw;
    height:60vw;
    background-image:url(img-visua/inifinity.png);
    background-repeat:no-repeat;
    background-size:70%;
    background-position:center;
    position:absolute;
    top:50%;
    left:50%;
    transform:translatex(-50%) translatey(-50%) translatez(-3600vw) ;
    filter: blur(0.02vw);
}

.logodatafin{
    width:80vw;
    height:80vw;
    background-image:url(img-visua/logodeep.png);
    background-repeat:no-repeat;
    background-size:90%;
    background-position:center;
    position:absolute;
    top:50%;
    left:50%;
    transform:translatex(-50%) translatey(-50%) translatez(-4400vw) ;
}


video{
    width:80vw;
    height:80vw;
    position:absolute;
    top:50%;
    left:50%;
    transform:translatex(-50%) translatey(-50%) translatez(-4400vw) ;
}


.script button{
    font-family:bartendersemicondensed_sans;
    position:fixed;
    font-size:2.5vw;
    top:80%;
    left:50%;
    transform:translatex(-50%) translatey(0%);
    z-index:150;
    opacity:0;
    background-color:black;
    border:0px;
    border-radius:0.5vw;
    color:rgb(228, 228, 228);
    margin-left: 10000px;
    
}

.active-button-animation{
    animation: buttonfinanim 4s ease-in-out infinite;
}

.script button:hover{
cursor:pointer;
color:rgb(228, 228, 228);
background:linear-gradient(rgb(19, 67, 82),rgb(6, 21, 26));
transition:all 0.5s ease-in-out;
animation: buttonfinanim 0s ease-in-out infinite;
}

@keyframes buttonfinanim{
    0%{
        opacity:1;
    }
    50%{
        opacity:0;
    }
    100%{
        opacity:1;
    }
}

/*script*/

.script p{
font-size:1vw;
position:fixed;
color:white;
z-index:15;
font-family:adobe_cleanregular;
}

.script p:nth-child(1){
    font-size:1.8vw;
    position:fixed;
    top:50%;
    left:50%;
    text-shadow: 2px 0 rgb(0, 0, 0), -2px 0 rgb(0, 0, 0)rgb(0, 0, 0)2px rgb(0, 0, 0), 0 -2px rgb(0, 0, 0),
               1px 1px rgb(0, 0, 0), -1px -1px rgb(0, 0, 0), 1px -1px rgb(0, 0, 0), -1px 1px rgb(0, 0, 0);
    text-align:center;
    transform:translate(-50%,0%);
    opacity:0;
    }

    .script p:nth-child(2){
        font-size:1.8vw;
        position:fixed;
        top:50%;
        left:50%;
        text-shadow: 2px 0 rgb(0, 0, 0), -2px 0 rgb(0, 0, 0)rgb(0, 0, 0)2px rgb(0, 0, 0), 0 -2px rgb(0, 0, 0),
                   1px 1px rgb(0, 0, 0), -1px -1px rgb(0, 0, 0), 1px -1px rgb(0, 0, 0), -1px 1px rgb(0, 0, 0);
        text-align:center;
        transform:translate(-50%,-50%);
        opacity:0;
        }
        .script p:nth-child(3){
            font-size:1.8vw;
            position:fixed;
            top:50%;
            left:50%;
            text-shadow: 2px 0 rgb(0, 0, 0), -2px 0 rgb(0, 0, 0)rgb(0, 0, 0)2px rgb(0, 0, 0), 0 -2px rgb(0, 0, 0),
                       1px 1px rgb(0, 0, 0), -1px -1px rgb(0, 0, 0), 1px -1px rgb(0, 0, 0), -1px 1px rgb(0, 0, 0);
            text-align:center;
            transform:translate(-50%,-50%);
            opacity:0;
            }
            .script p:nth-child(4){
                font-size:1.8vw;
                position:fixed;
                top:50%;
                left:50%;
                text-shadow: 2px 0 rgb(0, 0, 0), -2px 0 rgb(0, 0, 0)rgb(0, 0, 0)2px rgb(0, 0, 0), 0 -2px rgb(0, 0, 0),
                           1px 1px rgb(0, 0, 0), -1px -1px rgb(0, 0, 0), 1px -1px rgb(0, 0, 0), -1px 1px rgb(0, 0, 0);
                text-align:center;
                transform:translate(-50%,-50%);
                opacity:0;
                }
                .script p:nth-child(5){
                    font-size:1.8vw;
                    position:fixed;
                    top:50%;
                    left:50%;
                    text-shadow: 2px 0 rgb(0, 0, 0), -2px 0 rgb(0, 0, 0)rgb(0, 0, 0)2px rgb(0, 0, 0), 0 -2px rgb(0, 0, 0),
                               1px 1px rgb(0, 0, 0), -1px -1px rgb(0, 0, 0), 1px -1px rgb(0, 0, 0), -1px 1px rgb(0, 0, 0);
                    text-align:center;
                    transform:translate(-50%,-50%);
                    opacity:0;
                    }
                    .script p:nth-child(6){
                        font-size:1.8vw;
                        position:fixed;
                        top:50%;
                        left:50%;
                        text-shadow: 2px 0 rgb(0, 0, 0), -2px 0 rgb(0, 0, 0)rgb(0, 0, 0)2px rgb(0, 0, 0), 0 -2px rgb(0, 0, 0),
                                   1px 1px rgb(0, 0, 0), -1px -1px rgb(0, 0, 0), 1px -1px rgb(0, 0, 0), -1px 1px rgb(0, 0, 0);
                        text-align:center;
                        transform:translate(-50%,-50%);
                        opacity:0;
                        }

                        .fondn1{
                            width:100vw;
                            height:100vh;
                            background-color: #0A0A0A;
                            position:fixed;
                            z-index:14;
                        }

                        .introt{
                            width:100vw;
                            height:100vh;
                            background-color: #0A0A0A;
                            position:fixed;
                            z-index:100;
                            display:flex;
                            align-items:end;
                            justify-content:center;
                            color:white;
                            transition: all 0.1s ease-in-out;
                        }
                        .introt p{
                            position:absolute;
                            font-size:1.8vw;
                            top:40%;
                            transform:translate(0%,50%);
                        }
                        .introt button{
                            position:absolute;
                            font-size:1.2vw;
                            top:50%;
                            transform:translate(0%,50%);
                            border-radius:0.5vw;
                            font-family:adobe_cleanregular;
                            border: 0px;
                        }
                        .introt button:hover{
                            cursor:pointer;
                            background-color:#0A0A0A;
                            color:white;
                        }

                        .fleche{
                            background-image:url(img-visua/fl.png);
                            background-size:cover;
                            background-position:center;
                            background-repeat:no-repeat;
                            width:6vw;
                            height:6vw;
                            margin-bottom:3vw;
                            animation: fldeb 3s ease-in-out infinite;
                        }

                        @keyframes fldeb{
                            0%{
                                margin-bottom:3vw;
                            }
                            50%{
                                margin-bottom:1vw;
                            }
                            100%{
                                margin-bottom:3vw;
                            }
                        }