@import url(https://fonts.googleapis.com/css2?family=Montserrat+Alternates:wght@600;700&family=Poppins:ital,wght@0,200;0,400;0,600;0,700;1,100;1,200;1,300&display=swap);body{background-color:#141415;color:#a4a4a4;font:300 1rem Poppins,sans-serif;line-height:1.3;margin:0;min-height:100%;overflow-x:hidden;width:100%}li a{color:#f5f5f5}p{color:#dedede}h3{color:#f5f5f5;font:400 clamp(1.125rem,3vw,1.375rem) Poppins,sans-serif;letter-spacing:.1rem;text-align:center;text-transform:capitalize}.links{color:rgba(88,253,28,.941);font-weight:500;line-height:2px}.links:hover{text-decoration:underline}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{border-radius:10px;box-shadow:inset 0 0 3px #202020;margin-top:2px}::-webkit-scrollbar-thumb{background-color:#393d38;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#323531;-webkit-transition:background-color 2s ease;transition:background-color 2s ease;-webkit-transition:background-color 2s ease-out;-moz-transition:background-color 2s ease-out;-o-transition:background-color 2s ease-out}*,:after,:before{box-sizing:border-box}a{color:inherit;cursor:pointer;text-decoration:none}dd,ol,ul{list-style:none;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}p{margin:0}@font-face{font-family:MintSans Regular;font-family:MintSans Bold;font-family:MintSans ExtraLight;src:local("MintSans"),url(/static/media/MintSansRegular.cc80a9c4af6a7041156f.ttf) format("truetype");src:local("MintSans Bold"),url(/static/media/MintSansBold.9d1dcd108f782dbace45.ttf) format("truetype");src:local("MintSans ExtraLight"),url(/static/media/MintSansExtraLight.ea050b6ab8cf1a1e05dd.ttf) format("truetype")}.layout__page{display:flex;flex-direction:column;min-height:100vh}main{margin:0 auto;max-width:100rem;min-height:100vh;padding:0 9.375rem;position:relative;width:100%}@media(max-width:1080px){main{padding:0 6.25rem}}@media(max-width:720px){main{padding:0 1.5625rem}}#root{display:grid;grid-template-columns:100%;grid-template-rows:1fr auto;min-height:100vh}section{margin:0 auto;max-width:1000px;padding:50px 0}@keyframes slide-in-anim{0%{opacity:0;transform:translateY(-200px)}20%{opacity:0}50%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up-anim{0%{opacity:0;transform:translateX(-200px)}20%{opacity:0}50%{opacity:1;transform:translateX(0)}to{opacity:1;transform:translateX(0)}}@keyframes btn-reveal{0%{transform:scale(0)}to{transform:scale(1)}}.header-nav{align-items:center;background-color:#141415;display:flex;flex-direction:column;height:85px;justify-content:center;opacity:.9;padding:0 100px;position:fixed;top:0;transition:all .5s ease-in-out;width:100%;z-index:11}@media(max-width:720px){.header-nav{padding:0}}@media(min-width:720px)and (max-width:1200px){.header-nav{padding:0 22px}}.hide-header{transform:translateY(-85px)}.keyart{align-items:center;display:flex;justify-content:center;position:relative;z-index:10}.keyart,.keyart_layer{height:1000px;width:100%}.keyart_layer{background-position:bottom;background-repeat:repeat-x;background-size:auto 1038px;position:absolute}.keyart .parallax{position:fixed}.main-logo{-webkit-box-pack:center;-webkit-box-align:center;align-items:center;display:flex;justify-content:center}@media(max-width:720px){.main-logo{z-index:1}}.main-logo.hide-logo{opacity:0;pointer-events:none}.main-logo a{fill:#0000;height:42px;width:42px}.main-logo svg{fill:#0000;transition:all .25s cubic-bezier(.64,.05,.3,1);-webkit-user-select:none;user-select:none}.main-logo a svg:hover #logo-bg{fill:rgba(88,253,28,.102)}.navbar{-webkit-box-pack:justify;-webkit-box-align:center;animation:slide-up-anim 1s ease-out forwards;display:flex;flex-wrap:nowrap;gap:.5rem;justify-content:space-between;position:relative;transform:translateY(100%);width:100%}@media(max-width:720px){.navbar{align-items:flex-start;height:100%}}.navbar__container{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;transform:translateX(0);transition:all .5s ease-in-out}@media(max-width:720px){.navbar__container{background-color:#141415;flex-direction:column;height:100vh;justify-content:center;position:inherit;top:85px;transform:translateX(630px);visibility:hidden;width:100%}.navbar__container.show-nav{top:0;transform:translateX(0);visibility:visible;width:100%}}.navbar__item{margin:0 .9375rem;position:relative}.navbar__links{align-items:center;display:flex;justify-content:space-between;margin:0;padding:0;transform:translateX(0);white-space:nowrap}@media(max-width:720px){.navbar__links{bottom:0;flex-direction:column;height:20vh;justify-content:center;left:0;right:0;transform:translateX(650px)}}.navbar__link{display:inline-block;font:200 .8125rem MintSans Regular,sans-serif;transition:all .25s cubic-bezier(.64,.05,.3,1)}.navbar__link:hover{color:rgba(88,253,28,.941)}@media(max-width:720px){.navbar__link{display:block;font-size:1.4rem;padding:2.5rem}.navbar-mobile{background-color:#141415e6;height:85px;position:fixed;top:0;width:100%;z-index:999}}.navbar-mobile__container{align-items:center;display:flex;height:100%;justify-content:space-between;padding:0 1.5625rem}.btn-resume{background-color:#0000;border:1px solid rgba(88,253,28,.941);border-radius:.3125rem;cursor:pointer;margin-left:.9375rem;padding:7px 1rem;transition:all .25s cubic-bezier(.64,.05,.3,1)}.btn-resume a{color:rgba(88,253,28,.941)}@media(max-width:720px){.btn-resume a{font-size:1.4rem}.btn-resume{margin:0}}.btn-resume:hover{background-color:rgba(88,253,28,.102)}.btn-up{animation:btn-reveal .4s ease-out forwards;background-color:#0000;border:none;bottom:14px;cursor:pointer;opacity:.6;position:fixed;right:14px;transition:opacity .6s ease-in-out;z-index:9999}.btn-up:hover{opacity:1}.btn-up svg{display:inline-block}@media(max-width:720px){.btn-up svg{width:33px}}.btn-up svg circle{fill:#393d38}.btn-up svg path{stroke:#a4a4a4}.menu-burger__btn{display:none}@media(max-width:720px){.menu-burger__btn{align-self:flex-end;background-color:#0000;border:0;display:block;padding:0;z-index:10}}.burger-box{display:block;height:24px;position:relative;width:30px}.burger-box__inner{background-color:rgba(88,253,28,.941);height:2px;position:absolute;right:0;top:50%;transition:all .3s ease-in-out;width:25px}.burger-box__inner:before{top:-10px}.burger-box__inner:after,.burger-box__inner:before{background-color:rgba(88,253,28,.941);content:" ";display:block;height:2px;left:auto;position:absolute;right:0;transition:all .3s ease-in-out;width:120%}.burger-box__inner:after{bottom:-10px}.opened .burger-box__inner{background:#0000;transform:translateX(15px)}.opened .burger-box__inner:before{transform:rotate(44deg) translateY(13px)}.opened .burger-box__inner:after{transform:rotate(-42deg) translateY(-14px)}.sections-titles-container{align-items:center;color:#f5f5f5;display:flex;font:400 clamp(1.125rem,3vw,1.375rem) MintSans Regular,sans-serif;gap:1.375rem;justify-content:space-between;letter-spacing:.1rem;margin:.625rem 0 2.5rem;opacity:0;text-transform:uppercase;transform:translateY(-200px);white-space:nowrap}.sections-titles-container__line{background:rgba(88,253,28,.941);display:inline-block;height:.0563rem;width:40%}.sections-titles-container .slidein-anim{animation:slide-in-anim 1.5s ease-out forwards}.skill-category{display:flex;flex-direction:column;margin:50px 0 0}.skill-category__title{margin:0 0 30px}.skill-category__title h3{font-weight:300}.skill-components{display:flex;justify-content:space-around;margin:0 0 30px}.skill-components__skill{align-items:center;background-color:#1d1d1d;border:1px solid #a4a4a4;border-radius:5px;display:flex;flex-direction:column;height:8.75rem;justify-content:center;opacity:0;transform:translateX(0);width:8.75rem}@media(max-width:720px){.skill-components__skill{height:5rem;width:5rem}}.skill-components__skill p{font:.8125rem MintSans Regular,sans-serif;text-transform:capitalize}.skill-components__skill__logo{align-items:center;display:flex;height:70%;justify-content:center;width:100%}.work-image-wrapper{border-radius:.3125rem;max-width:100%;position:relative;vertical-align:middle;width:100%}.work-image-wrapper .galery-logo{position:absolute;top:15px}.work-img{border-radius:.3125rem;filter:grayscale(100%) contrast(1) brightness(90%);height:100%;transition:all .3s ease-in-out;width:100%}.work-img:hover{filter:grayscale(0) contrast(1.2)}.project-card{grid-row-gap:10px;align-items:center;display:grid;grid-auto-rows:100px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,.4fr);opacity:0;position:relative;transform:translateX(-200px)}.project-card .slidein-anim{animation:slide-up-anim 14s ease-out 4s forwards;transform:translateX(0)}@media(max-width:720px){.project-card{display:flex;margin-bottom:80px;transform:translateX(0)}.project-card,.project-card.left{flex-direction:column}}.project-card__type-title{grid-column:1/-1;justify-self:end;text-align:right}@media(max-width:720px){.project-card__type-title{text-align:center}}.project-card__type-title.left{grid-row:1/-4;justify-self:start;text-align:left}@media(max-width:720px){.project-card__type-title.left{text-align:center}}.project-card__type{color:rgba(88,253,28,.941)}.project-card__title{font-weight:600}.project-card__data{grid-row-gap:15px;display:grid;justify-items:flex-end;row-gap:15px}.project-card__data.left{grid-area:1/1/1/1;justify-items:baseline}@media(max-width:720px){.project-card__data{align-items:center;display:flex;flex-direction:column}}.project-card__details{background-color:#1b1b1c;border-radius:.3125rem;display:flex;flex-direction:column;font-size:.8125rem;gap:10px;line-height:1.5;padding:10px 15px}@media(max-width:720px){.project-card__details{padding:6px 8px;text-align:center}}.project-card__image{grid-area:2/1/3/2}.project-card__image.left{grid-area:1/2/1/2}.project-card__image a{height:100%;width:100%}.project-card__technos{background:url(/static/media/tasks.71637393b635c1d97d59.svg) no-repeat 50%;background-size:contain}.project-card__technos ul{color:#a4a4a4;display:flex;font:.8125rem MintSans Regular,sans-serif;gap:15px;justify-content:flex-end;padding:10px 15px}.project-card__links{align-items:center;display:flex;gap:10px;justify-content:flex-end}.project-card__links a{color:inherit;opacity:.9;transition:all .25s cubic-bezier(.645,.045,.355,1)}@media (min-width:720px){.project-card__links a:hover{animation:shake .6s cubic-bezier(.36,.07,.19,.97) both;color:rgba(88,253,28,.941);transform:translateZ(0)}@keyframes shake{10%,90%{transform:translate3d(-.8px,0,0)}20%,80%{transform:translate3d(1.6px,0,0)}30%,50%,70%{transform:translate3d(-2px,0,0)}40%,60%{transform:translate3d(2px,0,0)}}}.green-texts{color:rgba(88,253,28,.941);font-family:Poppins,sans-serif;font-style:italic;font-weight:200}.logoValid path{fill:rgba(88,253,28,.941)}.logoValid defs linearGradient stop:first-child{stop-color:rgba(88,253,28,.941)}.logoValid defs linearGradient stop:nth-child(2){stop-color:rgba(42,152,1,.941)}.contact-form-container{align-items:center;display:flex;flex-direction:column;justify-content:center;opacity:0;padding:2rem 0 3.125rem;transform:translateY(-200px)}.contact-form-container .slidein-anim{animation:slide-in-anim 14s ease-out 4s forwards}.contact-form{align-items:center;display:flex;flex-direction:column;gap:1.5625rem;justify-content:center;width:60%}@media(max-width:720px){.contact-form{width:95%}}.contact-form__user-message{align-items:center;display:flex;flex-direction:column;gap:1.5625rem;justify-content:center;margin-bottom:2.5rem}.contact-form label{color:#fafafa;display:block;font-size:.875rem;margin-bottom:.4375rem}.contact-form input,.contact-form textarea{background-color:#1d1d1d;border:1px solid #a4a4a4;border-radius:.3125rem;color:#a4a4a4;display:inline-block;padding:.6875rem .875rem;width:100%}.contact-form input.error,.contact-form textarea.error{border:1px solid #e70000}.contact-form input:focus::-webkit-input-placeholder,.contact-form textarea:focus::-webkit-input-placeholder{opacity:0}.contact-form__fields{display:block;width:100%}.contact-form .errorMessage{color:#e70000;font-size:.875rem;font-weight:400;margin-top:.4375rem}textarea{color:#fafafa;display:block;line-height:20px;font:12px MintSans Regular,sans-serif;max-height:570px;min-height:40px;overflow:hidden;resize:vertical;width:100%}.textarea[contenteditable]:empty:before{color:gray;content:"Votre message"}.btn-submit{background-color:rgba(88,253,28,.475);border:none;border-radius:.3125rem;color:#fafafa;cursor:pointer;padding:.75rem 1.5rem;text-align:center}@media(max-width:720px){.btn-submit{width:100%}}.btn-submit:hover{background-color:rgba(51,188,2,.475);transition:all .3s ease-in-out}.btn-submit__loader{animation:rotation 1.3s linear infinite;border:3px dotted rgba(88,253,28,.941);border-bottom-color:#0000;border-radius:50%;box-sizing:border-box;display:inline-block;height:20px;margin-left:-.75rem;margin-right:.5rem;width:20px}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.side-menu{animation:slide-up-anim 1.8s ease-out forwards;bottom:0;left:34px;opacity:0;position:fixed;right:auto;transform:translateX(150px);width:40px;z-index:10}@media(min-width:720px)and (max-width:1200px){.side-menu{left:5px}}@media(max-width:720px){.side-menu{margin:0 auto 10px;max-width:270px;position:inherit;width:100%}}.socials-links{-webkit-box-align:center;align-items:center;display:flex;flex-direction:column;justify-content:center}.socials-links:after{background-color:#a4a4a4;content:"";display:block;height:95px;margin:0 auto;width:1px}.socials-links a{color:inherit;display:inline-block;opacity:.9;padding:11px;position:relative;transition:all .25s cubic-bezier(.645,.045,.355,1)}@media (min-width:720px){.socials-links a:hover{color:rgba(88,253,28,.941);transform:translateY(-3px)}}@media(max-width:720px){.socials-links{flex-direction:row;justify-content:space-between}.socials-links:after{content:normal}}.loader__wrapper{align-items:center;animation:background-change 2s linear 1s both;background-color:#0d0d0d;display:flex;flex-direction:column;justify-content:center}@keyframes background-change{0%{background-color:#0d0d0d}to{background-color:#141415}}.loader__container{align-items:center;display:flex;flex-direction:column;gap:25px;justify-content:center}.loader__loading{align-items:flex-end;display:flex;gap:15px}.loader__text{animation:slidein .9s ease-in-out;font-size:clamp(1.125rem,3vw,1.375rem);font-weight:400}.dots__container{animation:slideinRight 1.4s ease-in-out}.dots__container .dot{background-color:rgba(88,253,28,.941);border-radius:50%;display:inline-block;height:12px;margin-right:2px;width:12px}.dots__container .dot:last-child{animation:fallingAnimation .9s ease-in .3s infinite}.dots__container .dot:nth-last-child(2){animation:fallingAnimation .9s ease-in .2s infinite}.dots__container .dot:nth-last-child(3){animation:fallingAnimation .9s ease-in .1s infinite}@keyframes fallingAnimation{0%{opacity:0;transform:translateY(-15px)}25%,50%,75%{opacity:1;transform:translate(0)}to{opacity:0;transform:translateY(15px)}}@keyframes slidein{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}@keyframes slideinRight{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}@keyframes animate-svg-stroke-1{0%{stroke-dashoffset:558.9465332031px;stroke-dasharray:558.9465332031px}to{stroke-dashoffset:0;stroke-dasharray:558.9465332031px}}@keyframes animate-svg-fill-1{0%{fill:#0000}to{fill:#58fd1c}}.svg-elem-1{animation:animate-svg-stroke-1 2s linear 1s both,animate-svg-fill-1 2s ease-in-out 1.6s both}.hello{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;max-width:62.5rem;min-height:100vh;white-space:nowrap}.hello__hi{color:rgba(88,253,28,.941);font:clamp(.75rem,2vw,1rem) Poppins,sans-serif;margin:0 0 .5rem}.hello__main-title{color:#f5f5f5;font:700 clamp(2.3rem,11vw,5.625rem) Montserrat Alternates,sans-serif;line-height:75px}@media(max-width:720px){.hello__main-title{line-height:30px}}.hello__main-title__dot{color:rgba(88,253,28,.941)}.hello__subtitle{color:#b5b5b5;font:clamp(1.25rem,4vw,2.8125rem) Poppins,sans-serif}.hello__container div{display:flex}.hello .slidein-welcome-anim{animation:slide-in-anim 1s ease-out forwards;transform:translateY(-200px)}.about{height:600px;max-width:900px;opacity:0;transform:translateY(-200px)}@media(max-width:720px){.about{height:auto}}.about__inner{grid-gap:83px;align-items:center;display:grid;gap:83px;grid-template-columns:3fr 2fr;height:100%}@media(max-width:720px){.about__inner{grid-template-columns:1fr;text-align:center}}.about__prez{opacity:0;transform:translateX(-100%)}.about p{margin:0 0 25px}.slideup-anim{animation:slide-up-anim 1s ease-out forwards}.slidein-anim{animation:slide-in-anim 1s ease-out forwards}.picture-wrapper{max-width:300px;opacity:0;position:relative;transform:translateX(-200px)}@media(max-width:720px){.picture-wrapper{justify-self:center}}.picture{background:linear-gradient(135deg,#000,#000 25%,#1e9e57 50%,#58fd1c42 75%,#43a800);background-size:400% 400%;display:block;position:relative;transition:all .5s}.picture__container{height:100%;max-height:300px;width:100%}@media(max-width:720px){.picture__container{max-height:200px}}.picture__img{display:block;opacity:.8;position:relative;width:100%}.pictureimg{mix-blend-mode:multiply}.picture:after{border:1px solid rgba(88,253,28,.941);border-radius:5px;content:"";display:block;height:100%;left:25px;position:absolute;top:15px;transition:all .5s;width:100%;z-index:-1}.picture:hover:after{left:0;top:0}.picture:hover{background-position:100% 100%}.picture .profile{border-radius:5px;height:100%;width:100%}.section-subtitle{margin-bottom:70px;text-align:center}footer div{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;padding:0;text-align:center}@media(max-width:720px){footer div{margin:0 auto}footer{height:auto;min-height:70px;padding:15px}}footer .menu-footer{border-bottom:1px solid gray;padding:0 0 10px}footer .menu-footer__links{display:flex;font-size:.9rem;gap:15px}footer .copyright{padding:0 0 20px}footer .copyright p{color:#a4a4a4;font-size:.875rem;position:relative}footer .copyright p span{font-weight:600}.legals{display:flex;flex-wrap:wrap;gap:30px;margin-top:105px;padding:40px 0}.legals div{display:flex;flex-direction:column;gap:15px;line-height:25px}.legals h1,.legals h2{color:#dedede}.legals h1{font-size:2.1rem;font-weight:500}.legals h2{font-size:clamp(.96rem,3vw,1.375rem);font-weight:600;margin:10px 0;position:relative}.legals h2:after{border-bottom:1px solid rgba(88,253,28,.941);bottom:20%;content:"";display:inline-block;height:100%;margin-left:.5%;margin-right:-99%;position:absolute;width:4%}.legals .bold-text{font-weight:600}.sitemap{align-items:center;display:flex;flex-direction:column;gap:30px;margin-top:105px;padding:40px 0}.sitemap__heading{color:#dedede;font-size:2rem;font-weight:400}.sitemap__list{border-bottom:1px dotted #58fd1c66;border-radius:.3125rem;border-top:1px dotted #58fd1c66;box-shadow:inset 0 0 0 3px #00000026;padding:30px}.sitemap__list ul{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center}
/*# sourceMappingURL=main.f9bddb12.css.map*/