@font-face{font-family:"Neutro";src:url("/assets/font/Neutro.otf")}@font-face{font-family:"Roboto Mono",monospace;src:url("/assets/font/RobotoMono.woff")}.head__lien{font-family:"Roboto Mono",monospace;font-size:18px;font-weight:900;letter-spacing:13%}.head__navLien{font-family:"Roboto Mono",monospace}.sect__titre{font-family:"Neutro",sans-sérif;line-height:100%;color:#fff}.sect__titre--br{display:block}.sect__titre--1{font-size:36px;line-height:41px;margin:0}.sect__titre--2{font-size:26px}.sect__titre--red{text-transform:uppercase;color:red}.sect__titre--outline{-webkit-text-stroke:1px #fff;color:#121212}.sect__txt{color:#fffffa70;font-family:"Neutro",sans-sérif;font-size:9}.sect__txt2{font-family:"Roboto Mono",monospace;font-weight:300;color:#fff;font-size:16px;line-height:190%;width:32ch}.sect__txt2--big{line-height:150%;font-size:20px;width:30ch}.foot__lien{font-family:"Roboto Mono",monospace;color:#fff;text-decoration:none;font-weight:300;text-align:right;font-size:14px}@media(min-width: 600px){.head__lien{font-size:18px;font-weight:900}.sect__titre--1{font-size:66px;line-height:66px;margin:0}.sect__titre--2{font-size:36px}.sect__txt2{font-size:16px;line-height:190%;width:40ch}.sect__txt2--big{font-size:20px;line-height:150%;width:30ch}.foot__lien{font-size:16px}}@media(min-width: 1024px){.head__lien{font-size:22px}.sect__titre--1{font-size:105px;line-height:105px;margin:0}.sect__titre--2{font-size:66px}.sect__txt2{font-size:20px;line-height:195%;width:50ch}.sect__txt2--big{font-size:36px;line-height:150%;width:30ch}.foot__lien{font-size:18px}}.t1{grid-area:t1}.im{grid-area:im}.p1{grid-area:p1}.l1{grid-area:l1}.sect__grid4{opacity:1;-webkit-transform:scale(0.01);transform:scale(0.01);-webkit-transition:.6s;transition:.6s;position:relative;overflow:hidden;z-index:1;margin:0 20px;padding:200px 0 0 0;height:100vh;display:grid;grid-template-columns:repeat(8, 1fr);grid-template-rows:214px 120px;-webkit-column-gap:16px;-moz-column-gap:16px;column-gap:16px;row-gap:62px;grid-template-areas:"t1 t1 t1 t1  .  .  .  . " "p1 p1 p1 p1 p1  .  .  . "}@media(min-width: 600px){.sect__grid4{opacity:1;-webkit-transform:scale(0.01);transform:scale(0.01);-webkit-transition:.6s;transition:.6s;position:relative;overflow:hidden;z-index:1;margin:0 64px;padding:200px 0 0 0;height:90vh;display:grid;grid-template-columns:repeat(12, 1fr);grid-template-rows:214px 120px;-webkit-column-gap:16px;-moz-column-gap:16px;column-gap:16px;row-gap:74px;grid-template-areas:"t1 t1 t1 t1  .  .  .  .  .  . " ".  .  p1 p1 p1 p1 p1  .  .  . "}}@media(min-width: 1024px){.sect__grid4{opacity:1;-webkit-transform:scale(0.01);transform:scale(0.01);-webkit-transition:.6s;transition:.6s;position:relative;overflow:hidden;z-index:1;display:block;margin:0 80px;padding:200px 0 0 0;height:90vh;display:grid;grid-template-columns:repeat(10, 1fr);grid-template-rows:214px 120px;-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px;row-gap:124px;grid-template-areas:"t1 t1 t1 t1  .  .  .  .  .  . " ".  .  p1 p1 p1 p1 p1  .  .  . "}}.sect__txt--go{-webkit-animation:move 20s linear infinite;animation:move 20s linear infinite}.sect__txt--inevert{-webkit-transform:translateX(-150vw);transform:translateX(-150vw);-webkit-animation:move2 40s linear infinite;animation:move2 40s linear infinite}.sect__btn{-webkit-animation:btnBox 1s linear infinite;animation:btnBox 1s linear infinite}.sect .sect__img--2{-webkit-animation:bonce 1s linear infinite;animation:bonce 1s linear infinite}.sect__btn:hover .sect__img--2{-webkit-animation:bonce 0s linear infinite;animation:bonce 0s linear infinite}@-webkit-keyframes move{99%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes move{99%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{-webkit-transform:translateX(100%);transform:translateX(100%)}}@-webkit-keyframes move2{99%{-webkit-transform:translateX(2%);transform:translateX(2%)}100%{-webkit-transform:translateX(-5%);transform:translateX(-5%)}}@keyframes move2{99%{-webkit-transform:translateX(2%);transform:translateX(2%)}100%{-webkit-transform:translateX(-5%);transform:translateX(-5%)}}@-webkit-keyframes bonce{70%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}90%{-webkit-transform:rotate(40deg);transform:rotate(40deg)}100%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}}@keyframes bonce{70%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}90%{-webkit-transform:rotate(40deg);transform:rotate(40deg)}100%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}}@-webkit-keyframes btnBox{60%{-webkit-transform:scale(0.9);transform:scale(0.9);-webkit-box-shadow:0 0 0 0 rgba(255,0,0,.7);box-shadow:0 0 0 0 rgba(255,0,0,.7)}90%{-webkit-transform:scale(1);transform:scale(1);-webkit-box-shadow:0 0 0 30px rgba(255,0,0,0);box-shadow:0 0 0 30px rgba(255,0,0,0)}100%{-webkit-transform:scale(0.9);transform:scale(0.9);-webkit-box-shadow:0 0 0 0 rgba(255,0,0,0);box-shadow:0 0 0 0 rgba(255,0,0,0)}}@keyframes btnBox{60%{-webkit-transform:scale(0.9);transform:scale(0.9);-webkit-box-shadow:0 0 0 0 rgba(255,0,0,.7);box-shadow:0 0 0 0 rgba(255,0,0,.7)}90%{-webkit-transform:scale(1);transform:scale(1);-webkit-box-shadow:0 0 0 30px rgba(255,0,0,0);box-shadow:0 0 0 30px rgba(255,0,0,0)}100%{-webkit-transform:scale(0.9);transform:scale(0.9);-webkit-box-shadow:0 0 0 0 rgba(255,0,0,0);box-shadow:0 0 0 0 rgba(255,0,0,0)}}.hidden{visibility:hidden}.ghostBox{height:10vh}.box1{height:100vh}.box2{height:100vh}.box3{height:100vh}.sect__grid4.blue{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:.6s;transition:.6s;color:red;position:sticky;top:200;z-index:1;margin:0 80px;padding:200px 0 0 0;height:90vh;display:grid;grid-template-columns:repeat(10, 1fr);grid-template-rows:214px 120px;-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px;row-gap:124px;grid-template-areas:"t1 t1 t1 t1  .  .  .  .  .  . " ".  .  p1 p1 p1 p1 p1  .  .  . "}.para1,.para2,.para3{display:block;opacity:.01;-webkit-transform:scale(0.01);transform:scale(0.01);-webkit-transition:.8s;transition:.8s}.para1.active,.para2.active,.para3.active{-webkit-transform:scale(1);transform:scale(1);opacity:1;-webkit-transition:.3s;transition:.3s;color:red;position:fixed;top:0;left:0;z-index:100;margin:0 20px;padding:200px 0 0 0;height:90vh;display:grid;grid-template-columns:repeat(8, 1fr);grid-template-rows:80px 150px;-webkit-column-gap:16px;-moz-column-gap:16px;column-gap:16px;row-gap:62px;grid-template-areas:"t1 t1 t1 t1  .  .  .  . " "p1 p1 p1 p1 p1  .  .  . "}.para1.active p,.para2.active p,.para3.active p{-webkit-animation:toScale .2s linear;animation:toScale .2s linear}@-webkit-keyframes toScale{0%{opacity:0}60%{opacity:0}100%{opacity:1}}@keyframes toScale{0%{opacity:0}60%{opacity:0}100%{opacity:1}}@media(min-width: 600px){.para1,.para2,.para3{display:block;opacity:.01;-webkit-transform:scale(0.01);transform:scale(0.01);-webkit-transition:.8s;transition:.8s}.para1.active,.para2.active,.para3.active{opacity:1;-webkit-transform:scale(0.01);transform:scale(0.01);-webkit-transition:.6s;transition:.6s;position:relative;overflow:hidden;z-index:1;margin:0 64px;padding:200px 0 0 0;height:90vh;display:grid;grid-template-columns:repeat(12, 1fr);grid-template-rows:214px 120px;-webkit-column-gap:16px;-moz-column-gap:16px;column-gap:16px;row-gap:74px;grid-template-areas:"t1 t1 t1 t1  .  .  .  .  .  . " ".  .  p1 p1 p1 p1 p1  .  .  . "}}@media(min-width: 1024px){.para1,.para2,.para3{display:block;opacity:.01;-webkit-transform:scale(0.01);transform:scale(0.01);-webkit-transition:.8s;transition:.8s}.para1.active,.para2.active,.para3.active{-webkit-transform:scale(1);transform:scale(1);opacity:1;-webkit-transition:.3s;transition:.3s;color:red;position:fixed;top:0;left:0;z-index:100;margin:0 80px;padding:20vh 0 0 0;height:90vh;display:grid;grid-template-columns:repeat(10, 1fr);grid-template-rows:214px 120px;-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px;row-gap:124px;grid-template-areas:"t1 t1 t1 t1  .  .  .  .  .  . " ".  .  p1 p1 p1 p1 p1  .  .  . "}.para1.active p,.para2.active p,.para3.active p{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation:toScale .8s linear;animation:toScale .8s linear}}html{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:16px;background-color:#121212}body{overflow-x:hidden}.head{height:150px}.head__lien{display:block;position:fixed;width:142px;height:25px;text-align:center;z-index:99999;padding:15px 20px;font-weight:900;border:2px solid #fff;color:#fff;text-decoration:none;top:33px;right:20px}.head__lien:hover{background-color:#fff;-webkit-transition:.6s;transition:.6s;color:#121212}.sect{height:270vh}.sect--credit{height:110vh}.sect--body{height:380vh}.sect--position{position:relative;top:-800px;height:300vh}.sect--ecart{margin:400px 50px}.sect--titrePlacement{position:relative;top:70;left:2vw;height:60vh;width:80vw}.sect__box--1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;list-style:square}.sect__box--3{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;position:sticky;overflow:hidden;margin:0 0 0 2vw;top:60px;bottom:60vh;z-index:-2}.sect__cercle--p{width:100px;height:100px}.sect__cercle--m{width:250px;height:250px}.sect__cercle--g{width:350px;height:350px}.sect__cercle--ecart{margin:0 0 80px 0}.sect__lien{cursor:pointer;color:#fff;font-size:16px;padding:10px 20px;font-family:"Roboto Mono",monospace;text-decoration:none}.sect__lien--icon{fill:red}.sect__lien:hover{-webkit-transition:.3s;transition:.3s;color:red}.sect--défilement{width:100vw;overflow:hidden;margin:0 0 81px 0}.foot{margin:280px 0 0 0}.foot--flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.foot__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;list-style:none}.foot__lien--start{text-align:start}.box__cercle{opacity:.05;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-ms-flex-pack:distribute;justify-content:space-around;height:700px}.box__cercle--first{margin:200px -40 0 0}@media(min-width: 600px){.head__lien{top:33;right:66;left:auto;padding:22px 49px}.sect--titrePlacement{left:5vw;height:80vh}.sect__box--3{overflow:visible;margin:0 0 5vw 0;top:100}}@media(min-width: 1024px){.head__lien{top:40;right:80;left:auto;padding:22px 49px}.sect--titrePlacement{left:5vw;right:20;height:80vh}.sect__box--3{overflow:visible;margin:0 0 0 60vw;top:20}.sect__cercle--p{width:270px;height:270px}.sect__cercle--m{width:350px;height:350px}.sect__cercle--g{width:450px;height:450px}.sect__cercle--ecart{margin:0 0 80px 0}}
/*# sourceMappingURL=main.css.map */