@import url(https://fonts.googleapis.com/css2?family=Baloo+Tammudu+2:wght@400;500;600;700;800&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap);
*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}body{margin:5vh auto auto auto;max-width:1200px;font-family:"Baloo Tammudu 2",sans-serif;color:#333;font-size:1.6rem}p{line-height:1.4}button{cursor:pointer !important;border:none;background-color:transparent}a{text-decoration:none;color:#333;cursor:pointer !important}a:visited{color:#333}span.lightWeight{font-weight:300}span.primaryColor{color:#1ad5a3}h1,h2,h3,h4,h5,h6{font-family:"Raleway",sans-serif}#app{display:flex;justify-content:center}.content{background-color:#f2f2f29e;flex-grow:2;border-radius:10px;margin:2rem;padding:2rem;overflow-x:hidden;overflow-y:hidden;position:relative;height:85vh;display:flex}.hidden{display:none}@keyframes contentSlide{0%{transform:translate(1000px, 0);opacity:0}100%{transform:translate(0, 0);opacity:1}}@keyframes buttonAnimSlide{0%{transform:translateX(5px)}100%{transform:translateX(-5px)}}@keyframes befUpAndDown{0%{transform:translateY(0px)}100%{transform:translateY(5px)}}@keyframes upAndDown{0%{transform:translateY(5px)}100%{transform:translateY(-5px)}}@keyframes scaleUp{0%{transform:scale(1)}50%{transform:scale(1.05)}0%{transform:scale(1)}}@keyframes growIn{0%{opacity:0;transform:scale(0)}100%{opacity:1;transform:scale(1)}}@keyframes slideDow{0%{opacity:0;transform:translateY(-200px)}100%{opacity:1;transform:translateY(0px)}}@keyframes slideUp{0%{opacity:0;transform:translateY(200px)}100%{opacity:1;transform:translateY(0px)}}@keyframes turnIn{0%{transform-origin:center center;transform:rotate(0deg)}100%{transform-origin:center center;transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes slideToLeft{0%{transform:translateX(20px)}100%{transform:translateX(0px)}}@keyframes upToDown{0%{opacity:0;transform:translateY(-300px)}100%{opacity:1;transform:translateY(0px)}}#mobNav{display:none}#deskNav{padding:2rem;min-height:90vh;min-width:300px;position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;text-align:right;transform:translate(-400px, 0);opacity:0;animation:navSlide .8s ease-in-out forwards;z-index:10}#deskNav div.profile .animation{width:210px;position:relative;height:165px}#deskNav div.profile .animation h3{margin-bottom:.4rem}#deskNav div.profile .animation img{position:absolute}#deskNav div.profile .animation img.anim01{width:183px;right:-7px;bottom:25px}#deskNav div.profile .animation img.anim02{width:183px;left:10px;bottom:25px}#deskNav div.profile .animation img.anim1{width:241px;right:-30px;bottom:20px}#deskNav div.profile .animation img.anim2{width:75px;bottom:25px;left:28px;animation:catBreath 2s ease-in-out .1s infinite alternate}#deskNav div.profile .animation img.anim3{width:12px;bottom:49px;left:73px;animation:catEar 4s ease-in-out 10s infinite alternate}#deskNav div.profile .animation img.anim4{width:28px;bottom:-3px;left:19px;transform-origin:top right;transform:rotateZ(10deg);animation:tailRotate 3.5s ease-in-out 2s infinite alternate}#deskNav div.profile .animation img.anim5{width:32px;bottom:50px;left:20px}#deskNav div.profile .animation img.anim6{width:20px;bottom:79px;right:14px;transform:translate(0px, 33px) scale(0);transition:ease-in-out .5s}#deskNav div.profile .animation img.anim7{width:83px;bottom:28px;right:3px}#deskNav div.profile .animation img.anim8{width:19px;bottom:119px;left:88px;transition:ease-in-out .5s}#deskNav div.profile .animation:hover img.anim6{transform:translate(0px, 0px) scale(1)}#deskNav nav{display:flex;flex-direction:column}#deskNav nav a{position:relative;cursor:pointer;transition:.2s ease-in-out;transform:translate(-400px, 0);opacity:0}#deskNav nav a:first-child{animation:navSlide .8s ease-in-out .2s forwards}#deskNav nav a:nth-child(2){animation:navSlide .8s ease-in-out .4s forwards}#deskNav nav a:nth-child(3){animation:navSlide .8s ease-in-out .6s forwards}#deskNav nav a:nth-child(4){animation:navSlide .8s ease-in-out .8s forwards}#deskNav nav a i{opacity:0}#deskNav nav a:hover{margin-right:10px;transform:scale(1.2) !important}#deskNav nav button{display:none}#deskNav nav a::after{content:"";position:absolute;width:0;height:2px;background-color:#333;top:14px;margin-left:8px;transition:.2s ease-in-out}#deskNav nav a.actifLink i,#deskNav nav a:hover i{opacity:.15 !important;margin-right:4px;font-size:14px !important;padding-top:5px}#deskNav nav a:hover::after{content:"";position:absolute;width:2em;height:2px;background-color:#333;top:14px;margin-left:8px}#deskNav aside.socialNetwork{display:flex;align-items:center;transform:translate(-400px, 0);opacity:0;animation:navSlide 1s ease-in-out 1s forwards}#deskNav aside.socialNetwork a{margin:auto 1.7rem;font-size:2rem;position:relative;height:30px}#deskNav aside.socialNetwork a:hover{font-size:2.6rem}#deskNav aside.socialNetwork a i{position:absolute;transition:.15s ease-in-out;top:0;left:0}#deskNav aside.socialNetwork a i:hover{top:-4px;left:-4px;transform:scale(1.2)}#deskNav small{transform:translate(-400px, 0);opacity:0;animation:navSlide 1s ease-in-out 1.2s forwards}@keyframes tailRotate{0%{transform-origin:top right;transform:rotateZ(10deg)}100%{transform-origin:top right;transform:rotateZ(-18deg)}}@keyframes catEar{0%{transform-origin:bottom right;transform:rotate(0deg)}2%{transform-origin:bottom right;transform:rotate(-25deg)}4%{transform-origin:bottom right;transform:rotate(0deg)}}@keyframes catBreath{0%{transform:scale(1)}100%{transform:scale(1.04)}}@keyframes navSlide{0%{transform:translate(-400px, 0);opacity:0}100%{transform:translate(0, 0);opacity:1}}@keyframes navSlideMob{0%{transform:translate(400px, 0);opacity:0}100%{transform:translate(0, 0);opacity:1}}div.scrollBox{position:absolute;right:5%;opacity:0;animation:scrollBox 1s ease-in-out 1s forwards;cursor:pointer;z-index:20}div.scrollBox .scrollTag{font-weight:100;width:45px;line-height:1.1;letter-spacing:.04rem;text-align:center;font-size:1.3rem;position:relative}div.scrollBox .scrollTag:hover,div.scrollBox .scrollTag:hover+img{animation:buttonAnimSlide .4s ease-in-out infinite alternate}div.scrollBox img.arrowScroll{width:35px;display:block;margin-left:5px}@keyframes scrollBox{0%{opacity:0}100%{opacity:.8}}article.titleCard{display:flex;align-items:center;min-width:545px}article.titleCard img{width:250px;background-color:#fff;padding:6rem;opacity:0;transform:scale(0)}article.titleCard h1{font-weight:800;font-size:5rem;display:block;line-height:.9;margin-left:-20px;z-index:10}article.titleCard h1 span.smallTitle{font-weight:200;font-size:3.5rem;line-height:1.2}article.leftModeTitle img{animation:growIn 1s ease-in-out forwards}article.leftModeTitle h1{opacity:0;transform:translate(60px, 0);animation:h1LeftSlide 1s ease-in-out .4s forwards}article.rightModeTitle{text-align:right}article.rightModeTitle h1{margin-left:0;opacity:0;transform:translate(-20px, 0);animation:h1RightSlide 1s ease-in-out .6s forwards}article.rightModeTitle img{animation:growIn 1s ease-in-out .2s forwards}@keyframes h1LeftSlide{0%{opacity:0;transform:translate(60px, 0)}100%{opacity:1;transform:translate(0, 0)}}@keyframes h1RightSlide{0%{opacity:0;transform:translate(-20px, 0)}100%{opacity:1;transform:translate(20px, 0)}}.cardsBox article{background-color:#fff;border-radius:10px;height:220px;width:30%;min-width:200px;margin:1%;overflow:hidden;box-shadow:1px 1px 2px 1px #3331;display:flex;flex-direction:column;justify-content:space-between;transition:.15s ease-in;transform:scale(0),translateX(20px);opacity:0;float:left}.cardsBox article:hover{box-shadow:4px 4px 12px 7px #3331;transform:translate(-4px, -4px)}.cardsBox article:hover div.imgContainer img{opacity:1}.cardsBox article div.imgContainer,.cardsBox article div.infosContainer,.cardsBox article div.timeContainer{overflow:hidden;display:flex;width:100%}.cardsBox article div.imgContainer{height:55%;align-items:center;position:relative;border-top-left-radius:10px;border-top-right-radius:10px}.cardsBox article div.imgContainer p.cardsCat{position:absolute;right:10px;top:10px;background-color:#1ad5a3;padding:.7rem .7rem .1rem .7rem;border-radius:5px;color:#fff}.cardsBox article div.imgContainer p.des{background-color:#fbc343}.cardsBox article div.imgContainer img{width:100%;min-height:100%;transition:.1s ease-in-out}.cardsBox article div.infosContainer{height:35%;flex-direction:column;justify-content:center;padding:0 2rem}.cardsBox article div.infosContainer h3{margin-top:5px;margin-bottom:5px;font-size:1.8rem}.cardsBox article div.infosContainer p{font-size:1.4rem}.cardsBox article div.timeContainer{height:10%;padding:0 2rem;background-color:#eeeeee7d;align-items:center;justify-content:space-between;opacity:.7;font-size:1.4rem}.cardsBox article div.timeContainer p{margin-top:5px}.dotBox{position:absolute;width:100%;height:12%;bottom:0px;left:0;display:flex;align-items:center;justify-content:center}.dotBox button{height:10px;width:10px;border-radius:50px;background-color:#3333332e;margin:0 1rem;cursor:pointer;transition:.5s ease-in-out;opacity:0;transform:scale(0)}.dotBox button:nth-of-type(0){animation:growIn .5s ease-in-out calc(0s*0.5) forwards}.dotBox button:nth-of-type(1){animation:growIn .5s ease-in-out calc(1s*0.5) forwards}.dotBox button:nth-of-type(2){animation:growIn .5s ease-in-out calc(2s*0.5) forwards}.dotBox button:nth-of-type(3){animation:growIn .5s ease-in-out calc(3s*0.5) forwards}.dotBox button:nth-of-type(4){animation:growIn .5s ease-in-out calc(4s*0.5) forwards}.dotBox button.dotActive{background-color:#1ad5a3}.dotBox button:hover{background-color:#1ad5a3;transform:scale(1.3) !important}#flag{position:absolute;margin:auto;text-align:center;top:12%;z-index:3;right:0;width:80%;font-size:1.2rem;letter-spacing:.02rem;transform:translateY(-200px);opacity:0;animation:slideDow 1s ease-in-out forwards}#flag span{padding:.7rem 1.5rem 0 1.5rem;border-radius:5px}#flag.valid span{color:#16be91;background:#1ad5a31f}#flag.error span{color:#ee6f57;background:#ee70572c}.homePage{display:flex;align-items:center}.homePage div#homeContainer{width:90%;height:115%;overflow-x:hidden;scroll-snap-type:y mandatory;-ms-overflow-style:none;scrollbar-width:none;transform:rotate(-90deg)}.homePage div#homeContainer::-webkit-scrollbar{display:none}.homePage .sliderContent{align-items:center;transition:2s ease-in-out;width:100%;position:absolute;display:flex;flex-direction:column}.homePage section{width:720px;padding:0 4rem;height:765px;position:relative;scroll-snap-align:center;transform:rotate(90deg);height:820px}.homePage .homeFirst{flex-direction:column;padding-left:11vh;justify-content:center;display:flex}.homePage .homeFirst div{display:flex;flex-direction:column;justify-content:stretch;width:100%;margin-left:10%}.homePage .homeFirst div.scrollBox{max-width:90px}.homePage .homeSec{display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.1s ease-in-out}.homePage .homeSec article{display:flex;align-items:center;position:relative}.homePage .homeSec article img{width:250px}.homePage .homeSec article div{display:flex;flex-direction:column;align-items:center;justify-content:center}.homePage .homeSec article div h2{margin-bottom:10px;width:100%}.homePage .homeSec article img.moveObject{height:200px;width:auto;position:absolute;transform:scale(0);animation:growIn 1s ease 1s forwards,befUpAndDown .5s ease 2s forwards,upAndDown 1s ease 2.5s infinite alternate}.homePage .homeSec article:first-of-type{margin-bottom:30px;animation:slideDow 1s ease-in-out forwards}.homePage .homeSec article:first-of-type div{margin-left:60px}.homePage .homeSec article:first-of-type img.moveObject{left:110px}.homePage .homeSec article:nth-of-type(2){animation:slideUp 1s ease-in-out forwards}.homePage .homeSec article:nth-of-type(2) div{margin-right:60px}.homePage .homeSec article:nth-of-type(2) img.moveObject{right:110px}.homePage .homeSec article:nth-of-type(2){text-align:right}.homePage .homeThird{min-height:87vh;display:flex;align-items:center}.homePage .homeThird .animBox{position:relative;width:inherit;min-height:400px}.homePage .homeThird .animBox *{transform:scale(0);opacity:0}.homePage .homeThird .animBox img{position:absolute}.homePage .homeThird .animBox .pic01{width:400px;z-index:2;left:35px;animation:growIn 1s ease-in-out forwards}.homePage .homeThird .animBox .pic02{width:300px;top:70px;left:360px;animation:growIn 1s ease-in-out 1s forwards;transition:.5s ease-in-out}.homePage .homeThird .animBox .pic03{width:150px;top:330px;z-index:2;left:10px;animation:growIn 1s ease-in-out 1.5s forwards}.homePage .homeThird .animBox .pic04{width:100px;top:144px;z-index:2;left:239px;animation:growIn 1s ease-in-out 2s forwards}.homePage .homeThird .animBox .pic05{width:35px;top:127px;z-index:2;left:170px;animation:growIn 1s ease-in-out 3s forwards}.homePage .homeThird .animBox .pic06{width:118px;top:362px;left:455px;animation:growIn 1s ease-in-out 1.5s forwards}.homePage .homeThird .animBox .pic07{width:50px;top:235px;left:620px;animation:growIn 1s ease-in-out 1.7s forwards}.homePage .homeThird .animBox .pic08{width:55px;top:2px;left:199px;z-index:3;transform:rotate(341deg);transform:scale(0);animation:growIn 1s ease-in-out 3.2s forwards}.homePage .homeThird .animBox .pic09{width:70px;top:14px;left:325px;z-index:2;animation:growIn 1s ease-in-out 2s forwards,befUpAndDown .5s ease-in-out 3s forwards,upAndDown 1s ease-in-out 3.5s infinite alternate}.homePage .homeThird .animBox .pic10{width:40px;top:71px;left:460px;animation:growIn 1s ease-in-out 2.3s forwards,befUpAndDown .5s ease-in-out 3.3s forwards,upAndDown 1s ease-in-out 3.8s infinite alternate}.homePage .homeThird .animBox p{position:absolute;font-size:3rem;font-weight:900;top:-60px;left:250px;font-family:"Dancing Script",sans-serif;animation:growIn 1s ease-in-out 3.4s forwards}.knowledges{display:block;padding:4vh 6vh}.knowledges .gradient{position:absolute;height:12%;bottom:0;width:100%;background:#f5f5f5;background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, whitesmoke 100%)}.knowledges .filter{height:8%;width:100%;display:flex;align-items:center;margin-bottom:4vh}.knowledges .filter h3{margin-right:2rem;opacity:.3}.knowledges .filter .buttons{display:flex;background-color:#fff;border-radius:5px;justify-content:space-around;height:40px}.knowledges .filter .buttons span{font-size:1.2rem;opacity:.4;margin-left:.5rem}.knowledges .filter .buttons>div{padding:0 2rem;border-radius:5px;transition:.2s ease-in;position:relative;height:100%;display:flex;align-items:center;min-width:55px}.knowledges .filter .buttons>div button{z-index:1;color:#333;font-size:1.6rem}.knowledges .filter .buttons>div::before{content:"";position:absolute;height:42px;width:0%;background-color:#1ad5a3;left:50%;top:-1px;border-radius:5px;transition:.2s ease-in-out}.knowledges .filter .buttons>div:hover{color:#16be91}.knowledges .filter .buttons>div.activeBtn span{opacity:.7}.knowledges .filter .buttons>div.activeBtn button{color:#fff}.knowledges .filter .buttons>div.activeBtn::before{width:100%;left:0}.knowledges .filter .smallMobFilter{display:none}.knowledges .cardsBox{overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;overflow-x:hidden;width:100%;height:90%}.knowledges .cardsBox::-webkit-scrollbar{display:none}.knowledges .cardsBox article.index-0{animation:growIn .8s ease-in-out calc((0s*0.5)/3) forwards}.knowledges .cardsBox article.index-1{animation:growIn .8s ease-in-out calc((1s*0.5)/3) forwards}.knowledges .cardsBox article.index-2{animation:growIn .8s ease-in-out calc((2s*0.5)/3) forwards}.knowledges .cardsBox article.index-3{animation:growIn .8s ease-in-out calc((3s*0.5)/3) forwards}.knowledges .cardsBox article.index-4{animation:growIn .8s ease-in-out calc((4s*0.5)/3) forwards}.knowledges .cardsBox article.index-5{animation:growIn .8s ease-in-out calc((5s*0.5)/3) forwards}.knowledges .cardsBox article.index-6{animation:growIn .8s ease-in-out calc((6s*0.5)/3) forwards}.knowledges .cardsBox article.index-7{animation:growIn .8s ease-in-out calc((7s*0.5)/3) forwards}.knowledges .cardsBox article.index-8{animation:growIn .8s ease-in-out calc((8s*0.5)/3) forwards}.knowledges .cardsBox article.index-9{animation:growIn .8s ease-in-out calc((9s*0.5)/3) forwards}.knowledges .cardsBox article.index-10{animation:growIn .8s ease-in-out calc((10s*0.5)/3) forwards}.knowledges .cardsBox article.index-11{animation:growIn .8s ease-in-out calc((11s*0.5)/3) forwards}.knowledges .cardsBox article.index-12{animation:growIn .8s ease-in-out calc((12s*0.5)/3) forwards}.knowledges .cardsBox article.index-13{animation:growIn .8s ease-in-out calc((13s*0.5)/3) forwards}.knowledges .mobileScrollTag{display:none}.portfolio{align-items:center;padding:0 6rem 6rem 6rem}.portfolio::-webkit-scrollbar{display:none}.portfolio section.infos{width:60%;padding-right:4rem}.portfolio section.infos h1{margin-bottom:15px}.portfolio section.infos h1,.portfolio section.infos>p{transform:translateY(-300px);opacity:0;animation:upToDown 1s ease-in-out forwards}.portfolio section.infos .skillBox{display:flex;margin:3rem 0 0 3rem;flex-direction:column}.portfolio section.infos .skillBox p{line-height:2.4;opacity:0;transform:translateX(20px);animation:slideToLeft .5s ease-in-out forwards,fadeIn .5s ease-in-out forwards}.portfolio section.infos .skillBox p:nth-of-type(0){animation:slideToLeft .5s ease-in-out calc(0s*0.5) forwards,fadeIn .5s ease-in-out calc(0s*0.5) forwards}.portfolio section.infos .skillBox p:nth-of-type(1){animation:slideToLeft .5s ease-in-out calc(1s*0.5) forwards,fadeIn .5s ease-in-out calc(1s*0.5) forwards}.portfolio section.infos .skillBox p:nth-of-type(2){animation:slideToLeft .5s ease-in-out calc(2s*0.5) forwards,fadeIn .5s ease-in-out calc(2s*0.5) forwards}.portfolio section.infos .skillBox p:nth-of-type(3){animation:slideToLeft .5s ease-in-out calc(3s*0.5) forwards,fadeIn .5s ease-in-out calc(3s*0.5) forwards}.portfolio section.infos .skillBox i{color:#fbc343;margin-right:1rem}.portfolio section.picture{width:40%;position:relative}.portfolio section.picture img{width:100%;border-radius:10px;opacity:0;transform:scale(0);animation:growIn 1s ease-in-out .5s forwards}.portfolio section.picture img.mobImg{display:none}.portfolio section.picture .navDot{display:flex;position:absolute;bottom:-18px;left:-100px;align-items:center}.portfolio section.picture .navDot i{background-color:#333;padding:2rem;box-shadow:1px 1px 7px 0px #33333338;border-radius:10px;color:#fff;transition:.2s ease-in-out}.portfolio section.picture .navDot i:hover{background-color:#414040}.portfolio section.picture .navDot i.disable{opacity:0 !important}.portfolio section.picture .navDot i:not(.disable){opacity:0;transform:scale(0);animation:growIn 1s ease-in-out 1s forwards}.portfolio section.picture .numBox{background-color:#1ad5a3;color:#fff;margin:0 1.5rem;width:100px;height:100px;border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:1px 1px 7px 0px #33333338;opacity:0;transform:scale(0);animation:growIn 1s ease-in-out 1s forwards}.portfolio section.picture .numBox p{font-family:"Raleway",sans-serif;font-size:5rem;font-weight:600}.contact{align-items:center;justify-content:center}.contact form{width:50%}.contact form>div:not(.inputBox){display:flex;margin-bottom:3rem;justify-content:space-between}.contact form label{height:35px}.contact form .inputBox{display:flex;flex-direction:column;min-width:46%;opacity:0;transform:scale(0);animation:growIn 1s ease-in-out forwards}.contact form .inputBox input{height:35px}.contact form .inputBox input:-webkit-autofill,.contact form .inputBox textarea:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px #fff inset}.contact form .inputBox textarea,.contact form .inputBox input{border:none;padding-left:1rem;border-radius:5px}.contact form .inputBox input:focus{outline:none !important;box-shadow:0px 0px 0px 2px #1ad5a3}.contact form .inputBox textarea{outline-offset:2px;padding-top:1rem}.contact form .inputBox textarea:focus{outline:none !important;box-shadow:0px 0px 0px 2px #1ad5a3}.contact form .inputBox p.error{color:#ee6f57;padding:.5rem 1rem;height:0;font-size:1.4rem}.contact form button{padding:1.5rem 3rem;background-color:#1ad5a3;color:#fff;border-radius:5px;margin-top:3rem;width:100%;opacity:0;transform:scale(0);animation:growIn 1s ease-in-out .5s forwards;font-size:1.7rem}.contact form button:hover{background-color:#1fe9b3;box-shadow:0px 1px 8px 2px #33333331}.notFound{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.notFound img{max-width:500px}@media screen and (max-height: 780px){#homeContainer{height:135% !important}}@media screen and (min-height: 935px){#homeContainer{height:90% !important}}@media screen and (min-height: 1050px){#homeContainer{height:85% !important}}@media screen and (max-width: 1070px){body{margin:0px !important;height:100vh;background-color:#f2f2f29e}#flag{width:100%;position:relative;top:3%}#app{display:block}header#deskNav{display:none}header#mobNav{display:block;position:fixed;z-index:10;bottom:0;width:100%;font-size:4rem}header#mobNav nav{display:flex;justify-content:space-evenly;box-shadow:0 -4px 9px #3331;background-color:#fff}header#mobNav nav a{color:rgba(51,51,51,.32);background-color:#fff;display:flex;justify-content:center;align-items:center;width:100px;height:100px;transition:.5s ease-in-out}header#mobNav nav a.actifLink{box-shadow:0px 5px 15px #3335;color:#fff;background-color:#1ad5a3}main.content{margin:0px;height:90vh;padding:0}main.homePage .scrollBox{display:none}main.homePage #homeContainer{transform:rotate(0deg) !important;scroll-snap-type:x mandatory !important;overflow-x:scroll !important;overflow-y:hidden;width:100%}main.homePage #homeContainer .sliderContent{flex-direction:row !important;width:auto !important;height:100%}main.homePage #homeContainer .sliderContent section{transform:rotate(0deg) !important;width:100vw !important;padding:0 !important}main.homePage #homeContainer .sliderContent .homeFirst{padding-left:0 !important;align-items:center}main.homePage #homeContainer .sliderContent .homeSec article div{max-width:40vw}main.homePage #homeContainer .sliderContent .homeThird{justify-content:center}main.homePage #homeContainer .sliderContent .homeThird .animBox{width:700px}main.knowledges{padding:4rem 6rem}main.knowledges .filter button{font-size:1.6rem}main.knowledges .cardsBox article .infosContainer p{font-size:1.6rem}main.portfolio{padding:4rem 6rem;height:85vh}main.contact form{width:65%}main.contact .inputBox input{height:45px}main.contact .inputBox input,main.contact .inputBox textarea{font-size:1.6rem}}@media screen and (max-width: 765px){header#mobNav nav a{height:80px}header#mobNav nav a i{font-size:3.5rem}.homePage section{height:100% !important}.content{overflow-y:scroll}.knowledges .filter .buttons{height:45px}.knowledges .filter .buttons>div::before{height:47px}.knowledges .cardsBox article{width:45%;margin:2%}.contact form{width:80% !important}}@media screen and (max-width: 700px){.portfolio{flex-direction:column;justify-content:center}.portfolio .infos{width:100% !important;padding-right:0 !important}.portfolio .infos .skillBox{flex-direction:row !important}.portfolio .infos .skillBox p{margin-right:2rem;line-height:1.2 !important}.portfolio .picture{width:100% !important;margin-top:3rem}.portfolio .picture img.desktopImg{display:none}.portfolio .picture img.mobImg{display:block !important;animation:growIn 1s ease-in-out .5s forwards}.portfolio .picture .navDot{position:fixed !important;justify-content:flex-end;bottom:15% !important;left:auto !important;right:6rem;width:50%}.portfolio .dotBox{position:fixed;bottom:14%;justify-content:flex-start;padding-left:6rem;width:auto}}@media screen and (max-width: 585px){header#mobNav nav a{height:70px}header#mobNav nav a i{font-size:3.3rem}.homePage #homeContainer{height:100% !important}.homePage #homeContainer .sliderContent{height:99%}.homePage .homeFirst article.titleCard{min-width:60vw;width:98vw;padding:0 2rem}.homePage .homeFirst article.titleCard h1{font-size:4rem}.homePage .homeFirst article.titleCard.leftModeTitle{justify-content:flex-start}.homePage .homeFirst article.titleCard.rightModeTitle{justify-content:flex-end}.homePage .homeSec article{max-width:100vw;padding:0 4rem}.homePage .homeSec article div{max-width:100% !important;margin:0}.homePage .homeSec article img{display:none}.homePage .homeSec article:first-of-type div{margin-bottom:3rem;border-left:10px solid #1ad5a3;padding:0 3rem 0 4rem;margin-left:0}.homePage .homeSec article:nth-of-type(2) div{margin-bottom:3rem;border-right:10px solid #1ad5a3;padding:0 4rem 0 3rem;margin-right:0}.homePage .homeThird .animBox{height:90vh}.homePage .homeThird .animBox .pic01{left:5%;top:31%}.homePage .homeThird .animBox .pic02{top:3%;left:auto !important;right:3%}.homePage .homeThird .animBox .pic03{top:85%;left:6%}.homePage .homeThird .animBox .pic04{top:53%;left:39%}.homePage .homeThird .animBox .pic05{top:51%;left:30%}.homePage .homeThird .animBox .pic06{top:48%;left:70%}.homePage .homeThird .animBox .pic07{top:22%;left:auto !important;right:4%}.homePage .homeThird .animBox .pic08,.homePage .homeThird .animBox p{display:none}.homePage .homeThird .animBox .pic09{top:13%;left:21%}.homePage .homeThird .animBox .pic10{top:70%;left:auto !important;right:13%}.knowledges{padding:4rem 5rem}.knowledges .filter{align-items:flex-start;margin-bottom:4vh;flex-direction:column;height:17%}.knowledges .filter h3{margin-bottom:2rem}.knowledges .filter .buttons{width:100%}.knowledges .cardsBox{overflow-y:hidden;overflow-x:scroll;height:auto;display:flex;width:113% !important;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none}.knowledges .cardsBox article{width:46%;min-width:290px;height:285px;margin:8% 6% 8% 0;scroll-snap-align:start}.knowledges .mobileScrollTag{display:block;text-align:center;display:flex;flex-direction:column;align-items:center;margin-top:1vh;opacity:.3}.knowledges .mobileScrollTag p{line-height:1;font-size:1.4rem}.knowledges .mobileScrollTag img{width:45px}.knowledges .gradient{top:0;height:100%;right:0;left:84%;background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, whitesmoke 100%)}.portfolio{padding:4rem 5rem}.portfolio .skillBox{margin:2rem 0 0 0rem !important}.portfolio .skillBox p{line-height:1.1}}@media screen and (max-width: 500px){.homePage .homeFirst .titleCard img{width:215px}.homePage .homeThird .animBox{height:85vh;margin-top:3rem}.homePage .homeThird .animBox .pic01{width:355px}.homePage .homeThird .animBox .pic02{width:250px;right:7%}.homePage .homeThird .animBox .pic03{top:77%}.homePage .homeThird .animBox .pic04{top:49%}.homePage .homeThird .animBox .pic05{top:48%}.homePage .homeThird .animBox .pic06{left:65%}.knowledges .filter .buttons{display:none}.knowledges .filter .smallMobFilter{display:block;width:100%;position:relative}.knowledges .filter .smallMobFilter select{height:50px;width:100% !important;border:none;padding:0 2rem;color:#333;font-size:1.6rem;border-radius:5px;-webkit-appearance:none !important;position:relative;background-color:#fff}.knowledges .filter .smallMobFilter select:focus,.knowledges .filter .smallMobFilter select:focus-visible{box-shadow:0 0 0 2px #1ad5a3;outline:none !important}.knowledges .filter .smallMobFilter i{position:absolute;top:17px;right:2rem}.knowledges .cardsBox{width:120% !important}.contact form .inputBox{min-width:40%}.contact form div:first-of-type .inputBox{width:47%}.contact form div:nth-of-type(2) .inputBox{width:47%}.contact form input{height:50px !important}}@media screen and (max-width: 450px){.homePage .homeFirst .titleCard img{width:190px;padding:4rem}.homePage .homeFirst .titleCard h1{font-size:3rem !important}.homePage .homeFirst .titleCard h1 span{font-size:2.5rem}.homePage .homeSec article{padding:0 2rem}.homePage .homeSec article:first-of-type div{padding:0 1rem 0 4rem}.homePage .homeSec article:nth-of-type(2) div{padding:0 4rem 0 1rem}.homePage .homeThird .animBox .pic09{left:12%}.homePage .homeThird .animBox .pic10{right:7%}.knowledges .cardsBox{height:70%}.portfolio .picture .navDot{width:100%}.portfolio .dotBox{display:none}}@media screen and (max-width: 400px){header#mobNav nav a{width:80px}header#mobNav nav a i{font-size:2.5rem}.homePage .homeFirst .titleCard img{width:160px}.homePage .homeThird .animBox .pic01{width:280px;top:37%}.homePage .homeThird .animBox .pic04{width:85px;top:51%}.homePage .homeThird .animBox .pic05{top:48%;left:28%}.homePage .homeThird .animBox .pic06{top:37%;left:49%}.homePage .homeThird .animBox .pic09{top:6%}.homePage .homeThird .animBox .pic10{z-index:3}.knowledges{padding:4rem !important}.portfolio{padding:4rem 3rem !important;height:90vh !important;justify-content:flex-start}.portfolio .infos{margin-bottom:2rem}.portfolio .infos .skillBox{margin:1rem 0 0 0 !important;flex-direction:column !important;width:50%}.portfolio .infos .skillBox p{margin:.5rem 0}.portfolio .picture{order:-1;margin:0 0 2rem 0}.portfolio .picture .navDot{right:2.5rem}.portfolio .picture .numBox{width:80px !important;height:80px !important}.portfolio .picture .numBox p{font-size:4rem !important}.contact form>div:not(.inputBox){margin-bottom:1rem;flex-direction:column}.contact form div .inputBox{width:100% !important}.contact form label{margin-top:1rem;height:30px}.contact form input{height:40px !important}.contact form textarea{height:80px}.contact form button{margin-top:1rem}}