body,html{width:100%;cursor:url(../img/UI_Cursor_0030x0030px.png),auto;background:#f7fcf5}#bgd{position:fixed;z-index:0;-webkit-background:linear-gradient(45deg,#d3fec1 0,#b6f6fe 100%);-moz-background:linear-gradient(45deg,#d3fec1 0,#b6f6fe 100%);-o-background:linear-gradient(45deg,#d3fec1 0,#b6f6fe 100%);-ms-background:linear-gradient(45deg,#d3fec1 0,#b6f6fe 100%);background:linear-gradient(45deg,#d3fec1 0,#b6f6fe 100%);width:100%;height:100vh}h1{font-size:4em;margin:5vh 0 8vh;text-align:center;font-family:'PT Serif',serif;font-weight:700;font-style:italic;color:#3d0a95;z-index:20}h2{font-size:3em;margin:0 0 5vh;text-align:center;font-family:'PT Serif',serif;font-weight:700;font-style:italic;color:#3d0a95;z-index:20}h3{font-size:2em;margin:0 0 2vh;text-align:left;font-family:'PT Serif',serif;font-weight:700;font-style:italic;color:#3d0a95;z-index:20}#galerie .apercu h2,p{font-family:Comfortaa,cursive;font-size:1.25em;line-height:1.25em;padding-bottom:1em;color:#3d0a95;font-weight:300;z-index:20;font-style:normal}a{text-decoration:none;cursor:url(../img/UI_Pointor_0030x0030px.png),auto}#cursorBlob,#galerie a,.blob,.projet figure,.scroll{-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear}#cursorBlob{width:50px;height:50px;z-index:10;background:#ffb3b1;position:absolute;pointer-events:none;-webkit-animation:blobRadius 6s linear infinite;-moz-animation:blobRadius 6s linear infinite;-o-animation:blobRadius 6s linear infinite;-ms-animation:blobRadius 6s linear infinite;animation:blobRadius 6s linear infinite}@keyframes blobRadius{0%,100%{border-radius:43% 77% 80% 40%/40% 40% 80% 80%}20%{border-radius:47% 73% 61% 59%/47% 75% 45% 73%}40%{border-radius:46% 74% 74% 46%/74% 58% 62% 46%}60%{border-radius:47% 73% 61% 59%/40% 40% 80% 80%}80%{border-radius:50% 70% 52% 68%/51% 61% 59% 69%}}#scrollB,#swipeL,#swipeR{width:60px;z-index:90;box-sizing:border-box;display:flex;flex-flow:row wrap;position:fixed}#scrollB{height:90px;bottom:30px;left:50%;margin-left:-30px}#swipeL,#swipeR{height:30px;bottom:50vh;left:50%;margin-bottom:15px;padding-top:15px}#swipeL{left:60px;transform:rotate(90deg)}#swipeR{left:100%;margin-left:-120px;transform:rotate(-90deg)}.scroll{height:3px;width:36px;background:#3d0a95;position:absolute}#trait4,#trait5,#trait8{transform:rotate(45deg)}#trait6,#trait7,#trait9{transform:rotate(-45deg);right:0}#trait4,#trait6{-webkit-animation:scroll1 1.5s linear infinite;-moz-animation:scroll1 1.5s linear infinite;-o-animation:scroll1 1.5s linear infinite;-ms-animation:scroll1 1.5s linear infinite;animation:scroll1 1.5s linear infinite}#trait5,#trait7{-webkit-animation:scroll2 1.5s linear infinite;-moz-animation:scroll2 1.5s linear infinite;-o-animation:scroll2 1.5s linear infinite;-ms-animation:scroll2 1.5s linear infinite;animation:scroll2 1.5s linear infinite}@keyframes scroll1{0%,100%{top:14px}40%{top:35px}90%{top:35px}}@keyframes scroll2{0%,100%{top:35px;opacity:0}30%{top:32px;opacity:0}50%{top:45px;opacity:.1}80%{top:55px}90%{top:55px;opacity:.3}}header{width:100%;padding:5px 0 0;-webkit-background:linear-gradient(45deg,#d3fec1 0,#b6f6fe 100%);-moz-background:linear-gradient(45deg,#d3fec1 0,#b6f6fe 100%);-o-background:linear-gradient(45deg,#d3fec1 0,#b6f6fe 100%);-ms-background:linear-gradient(45deg,#d3fec1 0,#b6f6fe 100%);background:linear-gradient(45deg,#d3fec1 0,#b6f6fe 100%);position:fixed;z-index:90}#contenu{display:flex;flex-flow:row;box-sizing:border-box;padding:0 100px;width:100%;overflow:hidden}#contenu figure{display:flex;margin-right:10vw}#light{height:90px}#full{height:185px;position:absolute;top:-50px;left:59px;opacity:0;cursor:url(../img/UI_Pointor_0030x0030px_r.png),auto}header nav{margin:auto 0;display:flex;flex-flow:row;width:100%}header nav ul{display:flex;flex-flow:row;justify-content:space-between;width:100%;margin-top:7.5px}header nav ul li{font-family:Comfortaa,cursive;font-weight:300;text-transform:uppercase;font-size:1.25em;text-align:center;margin:auto}header nav ul li a{color:#3d0a95}.trait{background:#3d0a95;width:0%;height:1px;margin-top:10px}#burger{height:auto;width:100%;overflow:hidden}#bgdBurger{height:120px;width:120px;background:#3d0a95;position:absolute;z-index:99;border-radius:50%;top:-19px;right:-16px;padding:52px 16px 0 40px;box-sizing:border-box;display:flex;flex-flow:column;cursor:url(../img/UI_Pointor_0030x0030px_r.png),auto}#spanB1,#spanB2{height:3px;background:#f7fcf5}#spanB1{width:40px}#spanB2{width:100%;margin-top:18px}main{width:100%;z-index:20}#sect1,#sect2,#sect3,#sect4,#sect5,#sect6,#sect7{display:flex;flex-flow:column;box-sizing:border-box;overflow:hidden;width:100%}#sect3,#sect4,#sect6{padding-top:95px}.bouton{margin:120px auto 0;background:#3d0a95;border:solid 1px #3d0a95;font-family:Comfortaa,cursive;font-size:1.5em;font-weight:700;justify-content:center;display:flex;z-index:20;width:auto}.onlyMob{margin:30px 15px;background:#3d0a95;border:solid 1px #3d0a95;font-family:Comfortaa,cursive;font-size:1.5em;font-weight:700;justify-content:center;display:none;z-index:20;width:auto}.onlyMob:last-of-type{margin-bottom:210px}.bouton:hover,.onlyMob:hover{background:0 0}.bouton a{color:#f7fcf5;z-index:20;padding:30px 0;display:flex;position:relative;width:420px;justify-content:center}.onlyMob a{color:#f7fcf5;z-index:20;padding:30px 0;display:flex;position:relative;width:100%;justify-content:center}.bouton:hover a,.onlyMob:hover a{color:#3d0a95}#sect1{padding-top:95px;height:100vh}#zone{display:flex;flex-flow:row wrap;width:100%;height:auto;justify-content:center;justify-content:center;margin:10vh 0}#IV{margin:auto;display:flex;flex-flow:column;z-index:40;opacity:0;height:auto;color:#3d0a95;cursor:none}#moi{margin:auto;font-weight:700;font-style:italic;font-family:'PT Serif',serif;font-size:199.5px;display:flex;flex-flow:row;height:255px}#elo{margin-right:75px;overflow:hidden}#crep{overflow:hidden;font-weight:700}#poste{font-family:Comfortaa,cursive;font-size:37.5px;margin:-52.5px auto 0;opacity:0;font-weight:300}#blobs{display:flex;flex-flow:row wrap;position:absolute;margin-top:-82.5px;height:376.5px;width:450px;z-index:0;cursor:none}.blob{position:absolute}#blobVi{background:#3d0a95;z-index:30;height:330px;width:360px;top:30px;left:45px;opacity:0;-webkit-animation:blobRadius 12s ease infinite;-moz-animation:blobRadius 12s ease infinite;-o-animation:blobRadius 12s ease infinite;-ms-animation:blobRadius 12s ease infinite;animation:blobRadius 12s ease infinite}#blobVe{background:#d3fec1;z-index:30;height:97.5px;width:97.5px;top:0;right:75px;opacity:0;-webkit-animation:blobRadius 5s ease infinite;-moz-animation:blobRadius 5s ease infinite;-o-animation:blobRadius 5s ease infinite;-ms-animation:blobRadius 5s ease infinite;animation:blobRadius 5s ease infinite}#blobR{background:#ffb3b1;z-index:20;height:93px;width:142.5px;transform:rotate(30deg);bottom:7.5px;right:7.5px;opacity:0;-webkit-animation:blobRadius 7s ease infinite;-moz-animation:blobRadius 7s ease infinite;-o-animation:blobRadius 7s ease infinite;-ms-animation:blobRadius 7s ease infinite;animation:blobRadius 7s ease infinite}#blobB{background:#b6f6fe;z-index:20;height:180px;width:142.5px;transform:rotate(-5deg);bottom:15px;left:7.5px;opacity:0;-webkit-animation:blobRadius 6s ease infinite;-moz-animation:blobRadius 6s ease infinite;-o-animation:blobRadius 6s ease infinite;-ms-animation:blobRadius 6s ease infinite;animation:blobRadius 6s ease infinite}#sect2{height:auto;-webkit-background:linear-gradient(0deg,#f7fcf5 90%,rgba(247,252,245,0) 100%);-moz-background:linear-gradient(0deg,#f7fcf5 90%,rgba(247,252,245,0) 100%);-o-background:linear-gradient(0deg,#f7fcf5 90%,rgba(247,252,245,0) 100%);-ms-background:linear-gradient(0deg,#f7fcf5 90%,rgba(247,252,245,0) 100%);background:linear-gradient(0deg,#f7fcf5 90%,rgba(247,252,245,0) 100%);padding-bottom:360px;position:relative}#sect2 h2{padding-top:94px}#sect2 .projet{height:85vh;display:flex;flex-flow:row wrap;margin:7.5vh auto;box-sizing:border-box;width:960px;position:relative}#sect2 .projet figure{height:auto;width:55%;overflow:hidden;margin:auto 0;text-align:right}#sect2 .projet img{height:auto;width:auto;max-height:85vh;max-width:100%}#sect2 .projet .texte{width:40%;margin:auto auto auto 30px;display:flex;position:relative;z-index:20}#sect2 .projet:nth-of-type(2n){flex-flow:row-reverse}#sect2 .projet:nth-of-type(2n) h3,#sect2 .projet:nth-of-type(2n) p{text-align:right}#sect3{height:auto;margin:0 auto}#sect3 ul{display:flex;flex-flow:row wrap;justify-content:center;width:960px;margin:0 auto;z-index:20}#sect3 ul li{font-family:'PT Serif',serif;font-weight:700;font-style:italic;color:#3d0a95;font-size:2em;line-height:2em;text-align:center;box-sizing:border-box;padding-left:60px;height:auto;width:auto;cursor:url(../img/UI_Pointor_0030x0030px.png),auto}#sect3 ul li:first-of-type{padding-left:0}#galerie{margin:95px 0 355px;width:100%;height:auto;display:flex;flex-flow:row wrap;justify-content:center}#galerie article{position:relative}#galerie .apercu{height:35vh;width:500px;margin:5px;display:flex;flex-flow:column;position:relative;background:rgba(247,252,245,.4);overflow:hidden}#galerie .apercu figure{width:100%;height:100%;overflow:hidden;display:flex;margin:auto}#galerie .apercu img{width:100%;margin:auto}#galerie .apercu h2,#galerie .apercu p{color:#080113;padding:15px 30px;background:#f7fcf5;height:auto;position:absolute;opacity:0}#galerie .tag{text-align:right;top:0;right:0;margin-top:-60px}#galerie .resume{text-align:left;bottom:0;left:0;margin-bottom:-60px}#sect4{height:100vh}#sect4 figure{width:100%;height:100vh;margin-top:-95px;box-sizing:border-box;overflow:hidden;position:absolute;display:flex;justify-content:center;justify-items:center}#sect4 figure img{height:auto;width:100vw;margin:auto}#sect4 #imgLarge{height:auto;width:auto;margin:auto}#pres{z-index:20;margin:auto;text-align:center;width:70%;background:#f7fcf5;padding:0 30px 15px;box-sizing:border-box}#sect5{margin:120px auto 360px}.animation,.webdesign{display:flex;flex-flow:row;margin:30px auto}.idvisu{display:flex;flex-flow:column;margin:30px auto}.idvisu p{width:600px;margin:auto;text-align:center}#sect5 figure{width:600px;height:auto}.webdesign img{max-width:100%;height:auto}.webdesign p{width:300px;text-align:left;margin:auto 0 auto 30px;padding:0}.webdesign:nth-of-type(2n) p{text-align:right;margin:auto 30px auto 0}.webdesign:nth-of-type(2n){flex-flow:row-reverse}.animation{width:auto}.animation p{width:300px;text-align:left;margin:auto 0 auto 60px;padding:0}#epubOstrich{width:300px;height:250px;background:url(../img/alt_epub_ostrich.jpg) no-repeat center;border:solid 1px #080113;margin:auto}#epubSosh{width:300px;height:250px;background:url(../img/alt_epub_sosh.jpg) no-repeat center;border:solid 1px #080113;margin:auto}#epubTT{width:300px;height:600px;background:url(../img/alt_epub_tiptop.jpg) no-repeat center;border:solid 1px #080113;margin:auto}#epubNB{width:300px;height:600px;background:url(../img/alt_epub_ninebot.jpg) no-repeat center;border:solid 1px #080113;margin:auto}.half{width:300px;height:600px}.carre{width:300px;height:250px}.idvisu{width:100%;overflow:hidden}#sect5 .idvisu figure{width:100%;overflow:hidden}.idvisu img{max-width:100%;height:auto;margin:auto}.infographie{display:flex;flex-flow:column;margin:30px 0;height:100vh;overflow:hidden}#visuel{display:flex;flex-flow:wrap;overflow:hidden;margin:auto;height:100vh;width:100%;position:absolute;background:url(../img/img_AN_1920px_3.png) center no-repeat}#AV{min-width:100vw;height:100%;box-sizing:border-box;position:absolute;justify-content:center}#AV img{width:100vw}#AV{z-index:20}#sect5 #texte{margin:auto;width:960px;position:relative;display:flex;flex-flow:column}.infographie p{background:rgba(247,252,245,.9);width:300px;margin:auto 0 auto auto;z-index:20;padding:30px 30px 0}.infographie p:last-of-type{padding-bottom:30px}#sect6{height:100vh;z-index:20}#apropos{height:auto;display:flex;flex-flow:row wrap;margin:auto;position:relative;overflow:hidden}#apropos p{width:400px;margin:auto 50px auto 0;text-align:right;padding:0}#visuelEC{height:auto;display:flex;flex-flow:column wrap;z-index:0}#visuelEC figure{height:auto}#contours,.doodle{position:absolute}#contours img,#photo img{height:71vh;width:auto}.doodle img{height:auto;width:100px}#doodle1{top:0;right:40%}#doodle2{top:37%}#doodle3{top:10%;right:1%}#sect7{margin:120px auto 360px;height:auto;z-index:20}#timeline{display:flex;flex-flow:column wrap;position:relative;height:100vh;padding-bottom:150px;text-align:center;overflow:hidden}#timeline h2{margin-top:95px}#bloc1{display:flex;flex-flow:column;margin-top:10vh}#barreAR{width:100%;height:10px;display:flex;margin:30px 0}#barreAV{background:#ffb3b1;width:0}#ligne1,#ligne2{display:flex;flex-flow:row nowrap;justify-content:space-between;z-index:20;margin:0 30px}.XP{width:22%;display:flex;flex-flow:column}.XP p{padding-bottom:0}.XP p:first-of-type{font-weight:700;padding-bottom:.2em}#competences{height:auto;display:flex;height:100vh;position:relative;margin:0 50px;text-align:center}#bloc2{margin:auto;display:flex;flex-flow:column}#competences p{padding:0;margin:auto}.comp{display:flex;position:absolute}.adobe,.compWeb,.social,.uiux{border-radius:50%;position:absolute;border:solid 1px #f7fcf5;display:flex;z-index:30;padding:15px;box-sizing:border-box}.social{background:#d3fec1}.adobe{background:#b6f6fe}.uiux{background:#ffb3b1}.compWeb p{color:#f7fcf5}.compWeb{background:#3d0a95}#compWeb,#ergo,#outils,#social{height:390px;width:390px;z-index:20}#ergo,#outils,#social{cursor:url(../img/UI_Pointor_0030x0030px.png),auto}#compWeb p,#ergo p,#outils p,#social p{font-size:1.75em;font-weight:700}#comp1{right:0}#comp2{bottom:0}#compWeb{cursor:url(../img/UI_Pointor_0030x0030px_r.png),auto}#anim,#compEpub,#html,#maqu,#prot,#veille{cursor:url(../img/UI_Cursor_0030x0030px_r.png),auto}#comp4{bottom:0;right:0}#social{right:0}#franc{height:210px;width:210px;right:400px}#angl{height:180px;width:180px;right:385px;top:230px}#projet{height:210px;width:210px;right:215px;top:385px}#equipe{height:180px;width:180px;right:0;top:390px}#outils{bottom:0}#psd{height:180px;width:180px;bottom:0;left:380px}#ai{height:180px;width:180px;bottom:190px;left:385px}#fla{height:210px;width:210px;bottom:370px;left:230px}#id{height:180px;width:180px;bottom:380px}#xd{height:240px;width:240px;bottom:545px;left:75px}#sketch{height:150px;width:150px;bottom:375px;left:450px}#invision{height:150px;width:150px;bottom:105px;left:550px}#figma{height:150px;width:150px;bottom:565px;left:360px}#uiux{height:270px;width:270px;left:400px}#AC{height:240px;width:240px;left:310px;top:310px}#test{height:240px;width:240px;top:400px}#compWeb{right:0;bottom:0}#anim{height:240px;width:240px;bottom:0;right:390px}#html{height:210px;width:210px;bottom:240px;right:360px}#compEpub{height:180px;width:180px;bottom:377px;right:215px}#veille{height:210px;width:210px;bottom:385px;right:0}#maqu{height:270px;width:270px;bottom:162px;right:575px}#prot{height:270px;width:270px;bottom:455px;right:370px}footer{background:#ffb3b1;height:auto;padding:60px 0 20px;box-sizing:border-box;text-align:center;display:flex;flex-flow:column;position:relative}footer p a{color:#3d0a95;font-weight:600}#RS{display:flex;flex-flow:row;margin:0 auto 60px;z-index:20;width:285px;justify-content:space-between}.rs{background:#3d0a95;height:75px;width:75px;border-radius:50%;cursor:url(../img/UI_Pointor_0030x0030px_r.png),auto}.rs figure img{height:45px;width:45px;margin-top:15px}#RGPD{font-family:Comfortaa,cursive;font-size:.8em;color:#3d0a95;z-index:20;line-height:1.3em}#RGPD a{color:#3d0a95}#pageRGPD{display:flex;flex-flow:column;z-index:20;width:960px;margin:50px auto}#pageRGPD h3{text-align:center;font-size:1.25em}#pageRGPD p{font-size:1em}#pageRGPD a{color:#3d0a95;text-decoration:underline}