@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap);:root{--white:#f8f8ff;--black:#191c27;--blue:#030438;--font-primary:"Montserrat",sans-serif;--font-akira:"Akira Expanded",sans-serif;--title:67px;--text:16px;--subtitle:25px;--subtitle-akira:36px;--title-mobile:36px;--text-mobile:14px;--subtitle-mobile:18px;--subtitle-akira-mobile:20px}@font-face{font-family:Akira Expanded;font-style:normal;font-weight:400;src:url(/static/media/Akira-Expanded.5198553380d9bb727554.otf) format("opentype")}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--white);color:var(--black);font-family:var(--font-primary)}h2{font-family:var(--font-akira);font-size:var(--title)}h3{font-size:var(--subtitle);font-weight:400}p{font-size:var(--text)}.header{align-items:center;background-color:var(--color-black);display:flex;justify-content:left;left:7.5%;padding:20px 0;position:absolute;width:85vw;z-index:10}.logo img{height:60px}.overlay{display:none}nav{margin-left:auto;width:330px}ul{display:flex;flex-direction:row;justify-content:space-between;list-style:none}li a{color:var(--blue);display:inline-block;font-size:var(--text);font-weight:600;overflow:hidden;position:relative;text-decoration:none}.navbar--home li a{color:var(--white)}.navbar--default li a{color:var(--black)}.text-bottom,.text-top{display:block;will-change:transform}.text-top{transform:translateY(0)}.text-bottom{left:0;position:absolute;top:0;transform:translateY(100%)}.burger{display:none}.container{margin:auto;padding-top:8vh;width:85vw}.Hero{align-items:center;color:var(--white);height:100vh}.Hero,.Hero-content{display:flex;flex-direction:column;position:relative}.Hero-content{height:100%;justify-content:space-between;margin-top:30vh;text-align:center}.Hero h1{font-family:var(--font-akira);font-size:128px;text-align:center}.Hero p{font-size:var(--text);font-weight:600;padding-bottom:5vh}.section-title{font-family:var(--font-akira);font-size:var(--title);margin:0 auto}.about-me-home{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.about-me-home h3{font-size:48px;margin:5vh auto 0;text-align:center;width:70vw}.inline-icon{border-radius:15px;height:6vh;width:auto}.inline-icon,.inline-icon2{margin:0 5px;vertical-align:middle}.inline-icon2{border-radius:40px;height:66px;object-fit:cover;object-position:top;width:66px}.preview-works{align-items:center;background-color:var(--black);color:var(--white);display:flex;flex-direction:column;height:100vh;justify-content:center}.preview-works-dots .dot{background-color:var(--black);border:2px solid var(--white)}.preview-works-dots .dot.active,.preview-works-dots .dot:hover{background-color:var(--white)}.about{align-items:center;display:flex;flex-direction:column;margin:10vh auto}.qui-je-suis{align-items:start;display:flex;justify-content:space-between;margin-top:5vh;width:100%}.qui-je-suis p{margin-top:2vh;width:40vw}.qui-je-suis img{border-radius:50px;height:60vh;object-fit:cover;object-position:center 45%;width:40vw}.abilities{width:100%}.myabilities-group{align-items:flex-start;display:flex;flex-direction:column;margin:5vh auto 10vh}.myabilities:first-child{border-top-width:2px}.myabilities:last-child{border-bottom-width:2px}.myabilities{align-items:center;border-bottom:1px solid var(--black);border-top:1px solid var(--black);display:flex;height:15vh;justify-content:space-between;transition:border-width .3s ease;transition:border-top-width .3s ease,border-bottom-width .3s ease;width:100%}.myabilities h3{font-family:var(--font-akira);font-size:var(--subtitle-akira);transform-origin:left center;transition:transform .3s ease;width:35vw}.myabilities:hover{border-bottom-width:4px;border-top-width:4px}.myabilities:hover h3{transform:scale(1.1)}.myabilities p{width:40vw}.works-section{height:100vh;margin:auto;padding:18vh 0 0;text-align:center;width:85vw}.works-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:5vh}.work-card{align-items:center;color:inherit;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:width .5s ease-in-out;width:120px}.work-card.active,.work-card:hover{width:600px}.work-card.active .work-cover{border-radius:40px}.work-cover{background-position:100%;background-size:cover;border-radius:100px;height:50vh;transition:border-radius .5s ease-in-out}.work-cover,.work-title-bg{align-items:center;display:flex;justify-content:center;width:100%}.work-title-bg{background-color:#191c27af;border-radius:40px;color:var(--white);flex-direction:column;height:100%;opacity:0;transition:opacity .5s ease-in-out}.work-title-bg-mobile{display:none}.work-title{font-family:var(--font-akira);font-size:var(--subtitle-akira);opacity:0;transition:opacity .5s ease-in-out}.work-year{font-size:var(--subtitle)}.work-card:hover,.work-title{opacity:1}.work-cover:hover,.work-title-bg:hover{border-radius:40px;opacity:1}.preview-works-dots,.works-dots{display:flex;gap:10px;justify-content:center;margin-top:20px}.dot{background-color:var(--white);border:2px solid var(--blue);border-radius:50%;cursor:pointer;height:12px;transition:background-color .3s ease,transform .3s ease;width:12px}.dot:hover{transform:scale(1.2)}.dot.active,.dot:hover{background-color:var(--blue)}.dot.active{border-radius:4px;transform:scale(2,1.2)}.parent-workdetails{display:flex;justify-content:center}.infos-work{background-color:var(--blue);color:var(--white);padding:14vh 0 0 7.5vw;width:45vw}.infos-work h2,.infos-work h3{margin-bottom:1vh}.infos-work h2{word-wrap:break-word;padding-right:5%}.visitwebsite{align-items:center;color:var(--white);cursor:pointer;display:flex;justify-content:space-between;margin-bottom:3vh;text-decoration:none;width:210px}.visitwebsite img{height:5vh;margin-bottom:1vh}.work-description{margin-bottom:3vh;padding-right:5%;width:100%}.work-tools-title{border-bottom:2px solid var(--white);margin-right:5%}.work-tools{margin-bottom:.5vh}.img-work{align-items:flex-end;background-color:var(--white);display:flex;flex-direction:column;height:90vh;margin-top:11vh;overflow-y:scroll;padding:0 5.5vw 0 0;width:55vw}.img-work::-webkit-scrollbar{display:none}.imgdesktop{border-radius:50px;height:60vh;margin-bottom:3vh;object-fit:cover;width:95%}.parent-imgmobile{display:flex;justify-content:space-between;margin-bottom:3vh;width:95%}.imgmobile{border-radius:35px;height:50vh;object-fit:cover;width:48%}.next-work{background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;height:60vh;width:100%}.next-work-info{background-color:#191c27af;color:var(--white);flex-direction:column;text-align:center}.modal,.next-work-info{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.modal{background-color:#00000080;left:0;position:fixed;top:0;z-index:1000}.modal-content{background:var(--blue);color:var(--white);height:90vh;padding:20px;text-align:center;width:40vw}.modal-content h2{margin-bottom:5vh}.modal-infos{align-items:flex-end;color:var(--white);display:flex;flex-direction:column;height:90vh;justify-content:space-between;padding:20px;position:relative;width:40vw}.close-modal{background-color:initial;cursor:pointer;margin-left:auto}.close-modal,.infos{z-index:1}form{align-items:center;display:flex;flex-direction:column;width:100%}.champs-nom-mail{display:flex;justify-content:space-between;width:90%}.parent-champ,.parent-champ2{display:flex;flex-direction:column;margin-bottom:4vh;position:relative}.parent-champ2{width:90%}input,textarea{background-color:initial;border:2px solid var(--white);border-radius:30px;color:var(--white);font-size:var(--text);outline:none;padding:15px 20px;width:100%}textarea{height:25vh}.champs-nom-mail input{width:15vw}label{background:var(--blue);color:var(--white);font-size:1em;left:20px;padding:0 5px;pointer-events:none;position:absolute;top:18px;transition:all .3s ease}input:focus+label,label.active,textarea:focus+label{font-size:.8em;top:-10px}.btn-form{align-items:center;background-color:var(--white);display:flex;font-family:var(--font-primary);font-size:var(--text);height:6vh;justify-content:center;margin:0 2vw 0 auto;padding:15px;transition:border .3s ease-out,background-color .3s ease-in-out;width:12vw}.btn-form,.btn-form:hover{border:2px solid var(--white)}.btn-form:hover{background-color:var(--blue);color:var(--white)}.infos a{color:var(--white);cursor:pointer;position:relative;text-decoration:none}.infos a:after{background-color:var(--white);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease-in-out;width:0}.infos a:hover:after{width:100%}.confirmation-message{font-weight:500;margin:2vh 2vw 0 auto}.close-modal-mobil,.infos-mobil{display:none}.footer{background-color:var(--blue);color:var(--white);padding:40px}.footer-content{margin:auto;max-width:85vw}.footer h2{font-family:var(--font-akira);font-size:var(--title);margin:0 0 2vh}.footer-sections{display:flex;gap:100px;max-width:50vw}.footer-block{align-items:start;display:flex;flex-direction:column;font-size:var(--subtitle)}.footer-block p{border-bottom:2px solid var(--white);font-size:var(--subtitle);margin:0 0 20px}button{background-color:var(--white);border:none;border-radius:50px;cursor:pointer;display:flex;padding:5px}button img{padding:5px;width:40px}.footer-block a{background-color:var(--white);border:2px solid var(--white);border-radius:50px;cursor:pointer;display:flex;padding:5px;transition:background-color .3s ease-in-out,border .3s ease-in-out}.footer-block a:hover{background-color:var(--blue);border:2px solid var(--white)}.footer-block a img{content:url(/static/media/mail.caf11128f2d0c8c99829.png);padding:5px;width:40px}.footer-block a:hover img{content:url(/static/media/mail-blanc.a59ca8f66f31dd6766ed.png)}@media screen and (max-width:768px){h2{font-size:var(--title-mobile)}h3{font-size:var(--subtitle-mobile)}p{font-size:var(--text-mobile)}.logo img{height:40px}nav{margin-left:0}ul{align-items:center;flex-direction:column;height:35vh}li a{font-family:var(--font-akira);font-size:48px}.navbar--default li a{color:var(--white)}.overlay{align-items:flex-start;background:var(--blue);bottom:0;display:flex;justify-content:flex-start;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .8s ease,opacity .5s ease;z-index:10000}.overlay.open{opacity:1;pointer-events:all;transform:translateX(0);transition:transform .5s ease-out,opacity .3s ease-out}.header nav{display:none}.overlay nav{gap:2rem;margin:30vh 0 0;width:100%}.burger,.overlay nav{display:flex;flex-direction:column}.burger{cursor:pointer;height:20px;justify-content:space-between;margin-left:auto;width:30px;z-index:10000}.burger span{border-radius:2px;display:block;height:4px;transition:all .3s ease;width:8vw}.burger.light span{background:var(--white)}.burger.dark span{background:var(--black)}.burger.open span:first-child{background:var(--white);transform:rotate(45deg) translate(5px,5px)}.burger.open span:nth-child(2){opacity:0}.burger.open span:nth-child(3){background:var(--white);transform:rotate(-45deg) translate(6px,-6px)}.Hero-content{margin-top:40vh}.Hero h1{font-size:48px}.Hero p{font-size:var(--text-mobile)}.section-title{font-size:var(--title-mobile)}.about-me-home{height:32vh;padding-top:8vh}.about-me-home h3{font-size:20px;margin:2vh auto 0;width:85vw}.inline-icon,.inline-icon2{display:none}.preview-works{background-color:var(--white);color:var(--black);height:auto;margin:8vh 0 5vh;overflow-x:hidden}.preview-works-dots{display:none}.about{margin:5vh auto}.qui-je-suis{align-items:start;display:flex;flex-direction:column;justify-content:space-between;margin-block:2vh;width:100%}.qui-je-suis p{margin-top:3vh;text-align:center;width:100%}.qui-je-suis img{border-radius:30px;height:30vh;width:100%}.myabilities-group{margin:2vh auto 5vh}.myabilities{align-items:flex-start;flex-direction:column;height:auto;justify-content:flex-start;transition:none;width:100%}.myabilities h3{font-size:var(--subtitle-akira-mobile);margin:1vh auto;transition:none;width:100%}.myabilities p{margin-bottom:1vh;width:100%}.myabilities:hover{border-bottom-width:2px;border-top-width:2px}.myabilities:hover h3{transform:scale(1)}.works-section{height:auto;overflow-x:hidden;padding:15vh 0 5vh}.works-container{align-items:center;flex-direction:column;flex-wrap:nowrap;margin-top:2vh}.work-card{height:30vh}.work-card,.work-cover{transition:none;width:85vw}.work-cover{height:25vh}.work-cover,.work-cover:hover{border-radius:20px}.work-title-bg{display:none}.work-title-bg-mobile{display:block;margin-top:2vh;text-align:center}.work-title{font-family:var(--font-primary);transition:none}.work-title,.work-year{font-size:var(--subtitle-mobile)}.preview-works-dots,.works-dots{display:none}.parent-workdetails{flex-direction:column}.infos-work{background-color:var(--blue);color:var(--white);height:90vh;padding:12vh 0 0 7.5vw;width:100vw}.infos-work h2,.infos-work h3{margin-bottom:.5vh;max-width:90%}.visitwebsite{align-items:flex-start;justify-content:flex-start;width:160px}.visitwebsite img{height:3vh}.work-description{margin-bottom:8vh}.img-work{height:100vh;margin-top:2vh;width:100vw}.imgdesktop{border-radius:30px}.imgmobile{border-radius:25px;height:30vh}.next-work{height:50vh}.modal{background-color:#ffffff80;flex-direction:column}.modal-content{border-radius:25px;height:80vh;width:90vw}.modal-content h2{margin:0 0 5vh}.modal-infos{display:none}.close-modal-mobil{background-color:initial;cursor:pointer;display:block;margin-left:auto}.close-modal-mobil,.infos{z-index:1}.champs-nom-mail,.parent-champ2{width:100%}.champs-nom-mail input{height:5vh;width:38vw}label{left:12px;top:10px}input:focus+label,label.active,textarea:focus+label{top:-5px}.btn-form{background-color:var(--blue);border:2px solid var(--white);color:var(--white);font-size:var(--text-mobile);font-weight:400;height:4vh;transition:none;width:37vw}.confirmation-message{font-weight:500;margin:1vh 2vw 1vh auto}.infos-mobil{display:block;margin-top:2vh;text-align:center}.infos-mobil a{color:var(--white);cursor:pointer;position:relative;text-decoration:none}.footer{padding:2vh 0}.footer h2{font-size:var(--title-mobile);margin:0}.footer-block p{border-bottom:2px solid var(--white);font-size:var(--subtitle-mobile);margin:0 0 1.5vh}button{background-color:var(--white);border:none;border-radius:50px;cursor:pointer;display:flex;padding:5px}button img{padding:5px;width:30px}.footer-block a{padding:3px;transition:none}.footer-block a img{content:url(/static/media/mail.caf11128f2d0c8c99829.png);padding:3px;width:30px}}.squares-canvas{background-color:var(--black);display:block;height:100%;left:0;position:absolute;top:0;width:100%}
/*# sourceMappingURL=main.245ccbff.css.map*/