@import url(https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins: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);*{box-sizing:border-box;cursor:none}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font-weight:300;margin:0;outline:0;padding:0;vertical-align:initial}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none}input:-webkit-autofill,input:-webkit-autofill:focus,select:-webkit-autofill,textarea:-webkit-autofill{-webkit-text-fill-color:var(--color)!important;border:1px solid var(--border-color)!important;box-shadow:var(--tertiary-background-color) 0 0 6px 0!important;caret-color:#fff!important;-webkit-transition:background-color 5000s ease-in-out 0s!important;transition:background-color 5000s ease-in-out 0s!important}input:-internal-autofill-selected{background:red!important;color:red!important}textarea{resize:none}audio,canvas,video{zoom:1;display:inline-block;display:inline;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:100%}a{color:var(--color);outline:0;text-decoration:none}a::selection{color:#0000}a:active,a:focus,a:hover{outline:0}img{-ms-interpolation-mode:bicubic;border:0}figure,form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;margin-left:-7px;padding:0;white-space:normal}button{color:var(--color)}button,input,select,textarea{font-size:100%;margin:0;vertical-align:initial;vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;height:13px;padding:0;width:13px}input[type=search]{-webkit-appearance:textfield;box-sizing:initial}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}button,html,input,select,textarea{background:#0000;border:0;outline:0}input,textarea{color:#fff}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{background:#ccc;color:#000;margin:.2em 0;padding:.2em 0}.App{align-items:center;background-color:var(--secondary-background-color-opacity);border:1px solid var(--border-color);border-radius:8px;color:var(--color);display:flex;flex-direction:column;height:100%;justify-content:space-between;margin:auto;max-height:1080px;max-width:1920px;overflow:hidden;position:relative;width:100%;z-index:2}.App .routes_container{flex:1 1 auto;height:100%;overflow-x:hidden;overflow-y:auto;width:100%}.App .text-hover{transition:color .3s ease-in-out}.App .text-hover:hover{color:#fff}.App .mouse-hover svg{pointer-events:none}.App .code__color__purple{color:#c98bdf}.App .code__color__blue{color:#4d5bce}.App .code__color__green{color:#43d9ad}.App .code__color__red{color:#e99287}.App .code__color__orange{color:#fea55f}.App .code__color__blue,.App .code__color__green,.App .code__color__orange,.App .code__color__purple,.App .code__color__red{font-weight:500}@media(max-width:768px){.App .custom-cursor{display:none}}::-webkit-scrollbar{height:3px;width:3px}::-webkit-scrollbar-track{background:var(--primary-background-color)}::-webkit-scrollbar-thumb{background:var(--border-color)}.headerbar{border-bottom:1px solid var(--border-color);border-radius:8px 8px 0 0;display:flex;flex:0 0 auto;height:56px;justify-content:space-between;width:100%}.headerbar__name,.headerbar__nav{align-items:center;display:flex;height:100%}.headerbar__nav{width:100%}.headerbar__name{border-right:1px solid var(--border-color);flex:0 0 auto;padding:0 24px;width:300px}@media(max-width:991px){.headerbar__name{padding:0 24px;width:auto}}@media(max-width:768px){.headerbar__nav{background-color:var(--secondary-background-color);border-radius:0 0 8px 8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;flex-direction:column;height:0;left:0;overflow:hidden;position:absolute;top:56px;transition:height .5s ease-in-out;z-index:3}.headerbar__nav__open{animation:border_header_open .5s linear forwards;height:calc(100% - 56px)}.headerbar__nav__close{animation:border_header_close .5s linear forwards}.headerbar__name{border-right:initial}}@media(max-width:420px){.headerbar__name{font-size:14px;padding:0 16px}}@keyframes border_header_open{0%,99.9999%{border-bottom:1px solid var(--border-color)}to{border-bottom:initial}}@keyframes border_header_close{0%,99.9999%{border-bottom:1px solid var(--border-color)}to{border-bottom:initial}}.headerbar__contact,.headerbar__home_about_projects,.headerbar__link{align-items:center;display:flex;height:100%}.headerbar__home_about_projects .headerbar__link{border-right:1px solid var(--border-color);padding:0 32px}.headerbar__home_about_projects{flex:0 0 auto;overflow-y:auto}.headerbar__link{border-bottom:2px solid #0000}.headerbar__link__active{border-bottom:2px solid var(--secondary-action-color);color:#fff}.headerbar__contact{flex:1 1 auto;justify-content:flex-end;width:100%}.headerbar__contact__link{border-left:1px solid var(--border-color);padding:0 24px}@media(max-width:991px){.headerbar__home_about_projects .headerbar__link{padding:0 24px}.headerbar__contact{flex:initial;justify-content:normal}.headerbar__contact__link{border-left:initial;border-right:1px solid var(--border-color)}}@media(min-width:769px){.headerbar__link__contact{display:none}}@media(max-width:768px){.headerbar__home_about_projects .headerbar__link{border-right:initial}.headerbar__contact,.headerbar__home_about_projects{height:auto}.headerbar__home_about_projects{align-items:flex-start;flex:initial;flex-direction:column;width:100%}.headerbar__contact__link,.headerbar__home_about_projects .headerbar__link,.headerbar__link__active{border-bottom:1px solid var(--border-color);padding:24px;width:100%}.headerbar__contact{display:none}.headerbar__contact__link{border-right:initial}}@media(max-width:420px){.headerbar__contact__link,.headerbar__home_about_projects .headerbar__link{font-size:14px;padding:16px}}.headerbar__container_hamburger{align-items:center;display:none}.headerbar__hamburger{box-sizing:initial;cursor:pointer;display:flex;flex-direction:column;height:20px;justify-content:space-between;width:20px}.headerbar__hamburger span{background-color:var(--color);border-radius:2px;display:block;height:2px;transition:transform .3s ease-in-out,opacity .3s ease-in-out;width:100%}.headerbar__hamburger__open span:first-child{transform:translateY(8.9px) rotate(45deg)}.headerbar__hamburger__open span:nth-child(2){opacity:0}.headerbar__hamburger__open span:nth-child(3){transform:translateY(-8.9px) rotate(-45deg)}@media(max-width:768px){.headerbar__container_hamburger{display:flex;margin-right:24px}}@media(max-width:420px){.headerbar__container_hamburger{margin-right:16px}}.footerbar{align-items:center;border-radius:0 0 8px 8px;border-top:1px solid var(--border-color);display:flex;flex:0 0 auto;height:50px;justify-content:space-between;width:100%}.footerbar__left,.footerbar__left__reseau,.footerbar__left__text,.footerbar__right,.footerbar__right__icon,.footerbar__right__text{align-items:center;display:flex;height:100%}.footerbar__left__reseau svg,.footerbar__right__icon svg{height:24px;width:24px}.footerbar__left__text,.footerbar__right__text{padding:0 24px}.footerbar__left__icon,.footerbar__left__reseau,.footerbar__right__icon,.footerbar__right__reseau{padding:0 16px}.footerbar__left__reseau,.footerbar__left__text{border-right:1px solid var(--border-color)}.footerbar__right__icon,.footerbar__right__text{border-left:1px solid var(--border-color)}@media(max-width:768px){.footerbar__left__text,.footerbar__right__text{display:none}}@media(max-width:420px){.footerbar__left__icon,.footerbar__left__reseau,.footerbar__right__icon,.footerbar__right__reseau{padding:0 12px}}.background{background-color:var(--secondary-background-color-opacity);border-radius:8px;height:100vh;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:-1}.background__shapes{height:100%;width:100%}.background__shape{animation-duration:15s;animation-iteration-count:infinite;animation-timing-function:linear;border-radius:100px;filter:blur(60px);height:200px;opacity:.2;position:absolute;width:500px}.background__shape__first{animation-name:shape_animation_1;background-color:var(--primary-shape-color);right:170px;top:47.5%;transform:translateY(-50%) rotate(326deg);transform-origin:center center}.background__shape__second{animation-name:shape_animation_2;background-color:var(--secondary-shape-color);right:150px;top:57.5%;transform:translateY(-50%) rotate(30deg);transform-origin:center center}@media screen and (max-width:767px){.background__shape__first,.background__shape__second{right:0}}@keyframes shape_animation_1{0%{transform:translateY(-50%) rotate(326deg)}to{transform:translateY(-50%) rotate(686deg)}}@keyframes shape_animation_2{0%{transform:translateY(-50%) rotate(390deg)}to{transform:translateY(-50%) rotate(30deg)}}.themes{background-color:var(--secondary-background-color);border-radius:8px 8px 0 0;bottom:50px;display:flex;flex-direction:column;height:0;left:0;overflow:hidden;position:absolute;transition:height .5s ease-in-out;width:100%;z-index:3}.themes__open{animation:border_themes_open .5s linear forwards;height:calc(100% - 50px)}.themes__close{animation:border_themes_close .5s linear forwards}.themes__icon__close{position:absolute;right:12px;top:12px}.themes__icon__close svg{height:32px;width:32px}@keyframes border_themes_open{0%,99.9999%{border-top:1px solid var(--border-color)}to{border-top:initial}}@keyframes border_themes_close{0%,99.9999%{border-top:1px solid var(--border-color)}to{border-top:initial}}.themes__container__choice{align-items:flex-start;display:flex;flex:1 1 auto;height:100%;justify-content:center;overflow-y:auto}.themes__container__choice__content{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative;width:100%}.themes__container__choice__content__color{align-items:center;background-color:var(--secondary-background-color);border-top:1px solid var(--border-color);display:flex;gap:8px;justify-content:center;padding:24px 24px 24px 0;position:-webkit-sticky;position:sticky;top:0;width:100%}.themes__container__choice__content__color:last-child{border-bottom:1px solid var(--border-color)}.themes__container__choice__content__color__name{transition:color .3s ease-in-out}.themes__container__choice__content__color__icon{opacity:0}.themes__container__choice__content__color__active .themes__container__choice__content__color__icon,.themes__container__choice__content__color__active .themes__container__choice__content__color__name{color:#fff;opacity:1}.themes__container__choice__content__color:hover .themes__container__choice__content__color__name{color:#fff}@media(max-width:420px){.themes__container__choice__content__color{padding:16px 16px 16px -8px}}.themes__container__svg{flex:0 0 auto;height:110.5px;width:100%}.themes__container__svg__content{align-items:center;border:1px solid var(--border-color);border-radius:50%;bottom:100%;display:flex;justify-content:center;left:50%;position:absolute;transform:translateX(-50%) translateY(50%)}.themes__container__svg__content__text__icon{animation:rotate 10s linear infinite;height:120px;transform-origin:center;width:120px}.themes__container__svg__content__text__content{fill:var(--color);font-size:9.2px}.themes__container__svg__content__cercle{left:50%;position:absolute;top:62.5px;transform:translateX(-50%) rotate(180deg);transition:all .3s ease-in-out}.themes__container__svg__content__cercle__icon{height:24px;width:24px}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.home{height:100%;position:relative;width:100%}.home,.home__container{display:flex;margin:auto}.home__container{flex:1 1 45%;justify-content:flex-end;padding:48px}@media(max-width:1300px){.home__container{flex:1 1 50%}}@media(max-width:991px){.home__container{padding:40px}}@media(max-width:768px){.home__container{padding:32px}}@media(max-width:420px){.home__container{padding:24px}}@media(max-width:360px){.home__container{padding:20px}}@media(max-width:320px){.home__container{padding:16px}}@media(max-width:280px){.home__container{padding:12px}}@media(max-width:1200px),(min-width:1201px)and (max-height:600px){.home__container{justify-content:center}}.home__text{row-gap:80px}.home__text,.home__text__bottom,.home__text__top{display:flex;flex-direction:column}.home__text__bottom,.home__text__top{row-gap:8px}.home__text__top__first,.home__text__top__title{color:#e5e9f0}.home__text__top__title,.home__text__top__work{position:relative}.home__text__top__first,.home__text__top__work{font-weight:500}.home__text__top__first{font-size:18px}.home__text__top__title{column-gap:20px;display:flex;flex-wrap:wrap;font-size:62px;left:-4px}.home__text__top__work{font-size:24px;left:-2px}.home__text__bottom__slash{color:var(--color);font-size:16px}.home__text__bottom__link{display:flex;flex-wrap:wrap;font-size:16px;gap:4px}@media(max-width:420px){.home__text{row-gap:10vh}.home__text__top__work{font-size:20px}.home__text__bottom__link,.home__text__bottom__slash{font-size:14px}}.home__code{align-items:flex-start;display:flex;flex:0 0 55%;flex-direction:column;height:100%;justify-content:center;overflow:hidden;padding-right:48px;row-gap:20px}.home__code__content{background-color:var(--primary-background-color);border:1px solid var(--border-color);border-radius:16px;color:var(---color);display:flex;flex-direction:column;font-size:14px;padding:24px;row-gap:8px;white-space:nowrap}.home__code__content:nth-child(2),.home__code__content:nth-child(4){opacity:40%}.home__code__content:first-child,.home__code__content:nth-child(5){opacity:25%}@media(max-width:1300px){.home__code{flex:0 0 50%}.home__code__content{font-size:12px}}@media(max-width:1200px),(min-width:1201px)and (max-height:600px){.home__code{display:none}}.contact{display:flex;height:100%;overflow:hidden}.contact__container{display:flex;flex:1 1 auto;flex-direction:column;position:relative}.contact__container:after{background-color:var(--border-color);content:"";height:calc(100% - 44px);left:40%;position:absolute;top:44px;transform:translateX(-50%);width:1px;z-index:1}.contact__container__form{flex:1 1 auto;overflow-y:auto}.contact__container__form__content{display:flex}.contact__title__mob{padding:24px}@media(max-width:1200px){.contact__container:after{left:45%}}@media(max-width:991px){.contact__container:after{display:none}.contact__container__form__content{flex-direction:column}}@media(min-width:769px){.contact__title__mob{display:none}}@media(max-width:768px){.contact{flex-direction:column;overflow-y:auto}}@media(max-width:420px){.contact__title__mob{font-size:14px;padding:16px}}.contact__bar{border-right:1px solid var(--border-color);flex:0 0 auto;height:100%;overflow-y:auto;width:300px}.contact__bar__collapse{display:flex;flex-direction:column}.contact__bar__collapse__section{height:auto;max-height:44px;overflow:hidden;transition:.3s ease-in-out}.contact__bar__collapse__section__open{max-height:200px}.contact__bar__collapse__section__open .contact__bar__collapse__section__title svg{transform:rotate(0deg)}.contact__bar__collapse__section__title{align-items:center;border-bottom:1px solid var(--border-color);column-gap:4px;display:flex;height:44px;justify-content:flex-start;padding:0 24px}.contact__bar__collapse__section__title svg{transform:rotate(-90deg);transition:transform .3s ease-in-out}.contact__bar__collapse__section__links{display:flex;flex-direction:column;justify-content:center;padding:24px;row-gap:12px}.contact__bar__collapse__section:last-child .contact__bar__collapse__section__links{padding-bottom:0}.contact__bar__collapse__section__link{align-items:center;column-gap:8px;display:flex}.contact__bar__collapse__section__link__icon{display:flex}.contact__bar__collapse__section:first-child{border-bottom:1px solid var(--border-color)}@media(max-width:991px){.contact__bar{width:290px}}@media(max-width:768px){.contact__bar{border-right:initial;height:auto;width:100%}.contact__bar__collapse{row-gap:2px}.contact__bar__collapse__section{max-height:32px}.contact__bar__collapse__section__open{max-height:150px}.contact__bar__collapse__section__title{background-color:var(--border-color);border-bottom:initial;color:#fff;height:32px}.contact__bar__collapse__section:first-child{border-bottom:initial}}@media(max-width:420px){.contact__bar__collapse__section__title{font-size:14px;padding:0 16px}.contact__bar__collapse__section__links{font-size:14px;padding:16px}.contact__bar__collapse__section__link{overflow-wrap:anywhere;word-break:break-word}}.contact__container__title{border-bottom:1px solid var(--border-color);flex:0 0 auto;height:44px;width:100%}.contact__container__title__content{align-items:center;border-right:1px solid var(--border-color);column-gap:32px;display:flex;height:100%;justify-content:flex-start;padding:0 24px;width:-webkit-fit-content;width:fit-content}.contact__container__title__content__icon{align-items:center;display:flex;height:32px;justify-content:center;width:32px}.contact__container__title__content svg{height:auto;width:20px}@media(max-width:768px){.contact__container__title{display:none}}.contact__container__form__content__container{display:flex;flex:0 0 40%;justify-content:center;padding:120px 24px 48px}.contact__container__form__content__container__form{align-items:flex-start;display:flex;flex-direction:column;max-width:380px;row-gap:24px;width:100%}.contact__container__form__content__container__form__field{display:flex;flex-direction:column;row-gap:12px;width:100%}.contact__container__form__content__container__form__field input,.contact__container__form__content__container__form__field textarea{background-color:var(--tertiary-background-color);border:1px solid var(--border-color);border-radius:8px;color:var(--color);overflow-y:auto;padding:12px 16px;resize:none;transition:box-shadow .3s}.contact__container__form__content__container__form__field input:focus,.contact__container__form__content__container__form__field textarea:focus{box-shadow:0 0 2px var(--color)}.contact__container__form__content__container__form__field textarea{height:100px}.contact__container__form__content__container__form__field textarea::-webkit-scrollbar{display:none}.contact__container__form__content__container__form input[type=submit]{background-color:var(--border-color);border-radius:8px;color:var(--color);padding:12px 16px;transition:opacity .3s ease-in-out}.contact__container__form__content__container__form input[type=submit]:hover{opacity:80%}.contact__container__form__content__container__message{align-items:center;display:flex;flex-direction:column;justify-content:center;row-gap:12px}.contact__container__form__content__container__message h3,.contact__container__form__content__container__message p{max-width:380px;text-align:center}.contact__container__form__content__container__message h3{color:#fff;font-size:24px}.contact__container__form__content__container__message button{background-color:var(--border-color);border-radius:8px;color:var(--color);margin-top:24px;padding:12px 16px;transition:opacity .3s ease-in-out}.contact__container__form__content__container__message button:hover{opacity:80%}@media(max-width:1200px){.contact__container__form__content__container{flex:0 0 45%}}@media(max-height:900px),(max-width:991px){.contact__container__form__content__container{padding:48px 24px 24px}}@media(max-width:991px){.contact__container__form__content__container{padding:48px 24px 24px}.contact__container__form__content__container__form{max-width:100%}}@media(max-width:768px){.contact__container__form__content__container{padding:48px 24px 24px}}@media(max-width:420px){.contact__container__form__content__container{padding:32px 16px 16px}.contact__container__form__content__container input[type=submit],.contact__container__form__content__container__form__field input,.contact__container__form__content__container__form__field label,.contact__container__form__content__container__form__field textarea,.contact__container__form__content__container__message button,.contact__container__form__content__container__message p{font-size:14px}.contact__container__form__content__container__message h3{font-size:20px}.contact__container__form__content__container__message button{margin-top:8px}}.contact__container__form__content__code{display:flex;flex:0 0 60%;justify-content:center;padding:120px 24px 48px}.contact__container__form__content__code__center{align-items:center;background-color:var(--tertiary-background-color);border:1px solid var(--border-color);border-radius:16px;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;margin-top:28px;max-width:600px;padding:24px;row-gap:8px;width:100%}.contact__container__form__content__code__container{align-items:flex-start;column-gap:32px;display:flex;height:-webkit-fit-content;height:fit-content;width:100%}.contact__container__form__content__code__container__line{display:none;flex:0 0 auto;position:relative;top:.5px;width:22px}.contact__container__form__content__code__container__text span{overflow-wrap:anywhere;word-break:break-word}@media(max-width:1200px){.contact__container__form__content__code{flex:0 0 55%}}@media(max-height:900px),(max-width:991px){.contact__container__form__content__code{padding:48px 24px 24px}}@media(max-width:991px){.contact__container__form__content__code{padding:24px 24px 48px}.contact__container__form__content__code__center{margin-top:0;max-width:100%}}@media(max-width:768px){.contact__container__form__content__code{padding:24px}.contact__container__form__content__code__container{column-gap:24px}.contact__container__form__content__code__container__line{top:2px}.contact__container__form__content__code__container__line,.contact__container__form__content__code__container__text span{font-size:14px}}@media(max-width:420px){.contact__container__form__content__code,.contact__container__form__content__code__center{padding:16px}.contact__container__form__content__code__container{column-gap:16px}.contact__container__form__content__code__container__line{top:4px}.contact__container__form__content__code__container__line,.contact__container__form__content__code__container__text span{font-size:12px}}.about{display:flex;height:100%;overflow:hidden}.about__container{display:flex;flex:1 1 auto;flex-direction:column;position:relative}.about__container:after{background-color:var(--border-color);content:"";height:calc(100% - 44px);left:40%;position:absolute;top:44px;transform:translateX(-50%);width:1px;z-index:1}.about__container__infos{flex:1 1 auto;overflow-y:auto}.about__container__infos__content{display:flex}.about__title__mob{padding:24px}@media(max-width:1200px){.about__container:after{left:45%}}@media(max-width:991px){.about__container:after{display:none}.about__container__infos__content{flex-direction:column}}@media(min-width:769px){.about__title__mob{display:none}}@media(max-width:768px){.about{flex-direction:column;overflow-y:auto}}@media(max-width:420px){.about__title__mob{font-size:14px;padding:16px}}.about__bar{border-right:1px solid var(--border-color);flex:0 0 auto;height:100%;overflow-y:auto;width:300px}.about__bar__collapse{display:flex;flex-direction:column}.about__bar__collapse__section{height:auto;max-height:44px;overflow:hidden;transition:.3s ease-in-out}.about__bar__collapse__section__open{max-height:180px}.about__bar__collapse__section__open .about__bar__collapse__section__title svg{transform:rotate(0deg)}.about__bar__collapse__section__title{align-items:center;border-bottom:1px solid var(--border-color);column-gap:4px;display:flex;height:44px;justify-content:flex-start;padding:0 24px}.about__bar__collapse__section__title__active{color:#fff}.about__bar__collapse__section__title svg{transform:rotate(-90deg);transition:transform .3s ease-in-out}.about__bar__collapse__section__categories{display:flex;flex-direction:column;justify-content:center;padding:24px;row-gap:12px}.about__bar__collapse__section:last-child .about__bar__collapse__section__categories{padding-bottom:0}.about__bar__collapse__section__categorie{align-items:center;column-gap:8px;display:flex}.about__bar__collapse__section__categorie__active{color:#fff}.about__bar__collapse__section__categorie__icon{display:flex}.about__bar__collapse__section:not(:last-child){border-bottom:1px solid var(--border-color)}@media(max-width:991px){.about__bar{width:290px}}@media(max-width:768px){.about__bar{border-right:initial;height:auto;width:100%}.about__bar__collapse{row-gap:2px}.about__bar__collapse__section{max-height:32px}.about__bar__collapse__section__open{max-height:150px}.about__bar__collapse__section__title{background-color:var(--border-color);border-bottom:initial;color:#fff;height:32px}.about__bar__collapse__section:not(:last-child){border-bottom:initial}}@media(max-width:420px){.about__bar__collapse__section__title{font-size:14px;padding:0 16px}.about__bar__collapse__section__categories{font-size:14px;padding:16px}}.about__container__title{border-bottom:1px solid var(--border-color);flex:0 0 auto;height:44px;width:100%}.about__container__title__content{align-items:center;border-right:1px solid var(--border-color);column-gap:32px;display:flex;height:100%;justify-content:flex-start;padding:0 24px;width:-webkit-fit-content;width:fit-content}.about__container__title__content__icon{align-items:center;display:flex;height:32px;justify-content:center;width:32px}.about__container__title__content svg{height:auto;width:20px}@media(max-width:768px){.about__container__title{display:none}}.about__container__infos__content__text{align-items:center;display:flex;flex:0 0 40%;justify-content:center;padding:120px 24px 48px}.about__container__infos__content__text__center{display:flex;gap:8px;height:-webkit-fit-content;height:fit-content;justify-content:center;max-width:600px;overflow:hidden;position:relative;width:-webkit-fit-content;width:fit-content}.about__container__infos__content__text__center__line{align-items:flex-end;display:flex;flex-direction:column;left:0;position:absolute;top:0}.about__container__infos__content__text__center__line div{column-gap:12px;display:flex}.about__container__infos__content__text__center__line div span{line-height:1.5}.about__container__infos__content__text__center__content{column-gap:8px;display:flex;flex-wrap:wrap;padding-left:48px}.about__container__infos__content__text__center__content__comment{margin-left:-8px;width:100%}.about__container__infos__content__text__center__content p{line-height:1.5;overflow-wrap:anywhere;word-break:break-word}@media(max-width:1200px){.about__container__infos__content__text{flex:0 0 45%}}@media(max-height:900px),(max-width:991px){.about__container__infos__content__text{padding:48px 24px 24px}}@media(max-width:991px){.about__container__infos__content__text{padding:48px 24px 24px}.about__container__infos__content__text__center{max-width:100%}}@media(max-width:768px){.about__container__infos__content__text{padding:48px 24px 24px}}@media(max-width:420px){.about__container__infos__content__text{padding:32px 16px 16px}.about__container__infos__content__text__center{font-size:14px}.about__container__infos__content__text__center__content__comment{margin-left:-12px}}.about__container__infos__content__code{align-items:center;display:flex;flex:1 1 60%;justify-content:center;padding:120px 24px 48px}.about__container__infos__content__code__center{align-items:center;background-color:var(--tertiary-background-color);border:1px solid var(--border-color);border-radius:16px;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;max-width:700px;padding:24px;row-gap:8px;width:35vw}.about__container__infos__content__code__container{align-items:flex-start;column-gap:32px;display:flex;height:-webkit-fit-content;height:fit-content;width:100%}.about__container__infos__content__code__container__line{display:none;flex:0 0 auto;position:relative;top:.5px;width:22px}.about__container__infos__content__code__container__text{overflow:hidden}.about__container__infos__content__code__container__text__group{display:flex;flex-wrap:wrap;padding-left:38px}.about__container__infos__content__code__container__text__group span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.about__container__infos__content__code__container__text span{overflow-wrap:anywhere;word-break:break-word}@media(max-width:1200px){.about__container__infos__content__code{flex:1 1 55%}.about__container__infos__content__code__center{width:27.5vw}}@media(max-height:900px),(max-width:991px){.about__container__infos__content__code{padding:48px 24px 24px}}@media(max-width:991px){.about__container__infos__content__code{padding:24px 24px 48px}.about__container__infos__content__code__center{max-width:100%;width:100%}.about__container__infos__content__code__container__text{overflow:visible;overflow:initial}.about__container__infos__content__code__container__text__group{display:flex;flex-wrap:wrap}.about__container__infos__content__code__container__text__group span{overflow:visible;overflow:initial;text-overflow:clip;white-space:inherit}.about__container__infos__content__code__container__text span{overflow-wrap:inherit;word-break:inherit}}@media(max-width:768px){.about__container__infos__content__code{padding:24px}.about__container__infos__content__code__container{column-gap:24px}.about__container__infos__content__code__container__line{top:2px}.about__container__infos__content__code__container__line,.about__container__infos__content__code__container__text span{font-size:14px}.about__container__infos__content__code__container__text__group{padding-left:34px}}@media(max-width:420px){.about__container__infos__content__code,.about__container__infos__content__code__center{padding:16px}.about__container__infos__content__code__container{column-gap:16px}.about__container__infos__content__code__container__line{top:4px}.about__container__infos__content__code__container__line,.about__container__infos__content__code__container__text span{font-size:12px}.about__container__infos__content__code__container__text__group{padding-left:29.5px}}.projects{display:flex;height:100%;overflow:hidden}.projects__container{display:flex;flex:1 1 auto;flex-direction:column;position:relative}.projects__title__mob{padding:24px}@media(min-width:769px){.projects__title__mob{display:none}}@media(max-width:768px){.projects{flex-direction:column;overflow-y:auto}}@media(max-width:420px){.projects__title__mob{font-size:14px;padding:16px}}.projects__bar{border-right:1px solid var(--border-color);flex:0 0 auto;height:100%;overflow-y:auto;width:300px}.projects__bar__collapse{height:auto;max-height:44px;overflow:hidden;transition:.3s ease-in-out}.projects__bar__collapse__open{max-height:320px}.projects__bar__collapse__open .projects__bar__collapse__title svg{transform:rotate(0deg)}.projects__bar__collapse__title{align-items:center;border-bottom:1px solid var(--border-color);column-gap:4px;display:flex;height:44px;justify-content:flex-start;padding:0 24px}.projects__bar__collapse__title svg{transform:rotate(-90deg);transition:transform .3s ease-in-out}@media(max-width:991px){.projects__bar{width:290px}}@media(max-width:768px){.projects__bar{border-right:initial;height:auto;width:100%}.projects__bar__collapse{max-height:32px}.projects__bar__collapse__open{max-height:280px}.projects__bar__collapse__title{background-color:var(--border-color);border-bottom:initial;color:#fff;height:32px}}@media(max-width:420px){.projects__bar__collapse__title{font-size:14px;padding:0 16px}}.projects__container__title{border-bottom:1px solid var(--border-color);flex:0 0 auto;height:44px;width:100%}.projects__container__title__content{align-items:center;border-right:1px solid var(--border-color);column-gap:32px;display:flex;height:100%;justify-content:flex-start;padding:0 24px;width:-webkit-fit-content;width:fit-content}.projects__container__title__content__icon{align-items:center;display:flex;height:32px;justify-content:center;width:32px}.projects__container__title__content svg{height:auto;width:20px}@media(max-width:991px){.projects__container__title__content{max-width:400px}}@media(max-width:800px){.projects__container__title__content{max-width:350px}}@media(max-width:768px){.projects__container__title{display:none}}.projects__bar__collapse__languages{display:flex;flex-direction:column;justify-content:center;padding:24px 24px 0;row-gap:12px}.projects__bar__collapse__languages__language{align-items:center;column-gap:24px;display:flex}.projects__bar__collapse__languages__language:hover .projects__bar__collapse__languages__language__checkbox,.projects__bar__collapse__languages__language__active .projects__bar__collapse__languages__language__checkbox{box-shadow:0 0 2px var(--color)}.projects__bar__collapse__languages__language__checkbox{align-items:center;background-color:var(--secondary-background-color-opacity);border:1px solid var(--border-color);border-radius:2px;display:flex;height:20px;justify-content:center;transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out;width:20px}.projects__bar__collapse__languages__language__checkbox svg{color:var(--primary-background-color);height:16px;opacity:0;transition:opacity .3s ease-in-out;width:auto}.projects__bar__collapse__languages__language__active .projects__bar__collapse__languages__language__checkbox{background-color:var(--color)}.projects__bar__collapse__languages__language__active .projects__bar__collapse__languages__language__checkbox svg,.projects__bar__collapse__languages__language__active .projects__bar__collapse__languages__language__container__icon svg{opacity:100%}.projects__bar__collapse__languages__language__active .projects__bar__collapse__languages__language__container__name{color:#fff}.projects__bar__collapse__languages__language__container{align-items:center;column-gap:12px;display:flex}.projects__bar__collapse__languages__language__container__icon{display:flex}.projects__bar__collapse__languages__language__container__icon svg{height:24px;opacity:40%;transition:opacity .3s ease-in-out;width:auto}.projects__bar__collapse__languages__language__container__name{transition:color .3s ease-in-out}@media(max-width:420px){.projects__bar__collapse__languages{padding:16px 16px 0}.projects__bar__collapse__languages__language{column-gap:16px}.projects__bar__collapse__languages__language__container{column-gap:8px}.projects__bar__collapse__languages__language__container__name{font-size:14px}}.projects__container__content{display:flex;justify-content:center;overflow-y:auto}.projects__container__content__center{display:flex;flex-wrap:wrap;gap:24px;height:-webkit-fit-content;height:fit-content;max-width:1236px;padding:120px 24px 48px}.projects__container__content__project{display:flex;flex-direction:column;max-width:380px;row-gap:16px;width:100%}.projects__container__content__project__title{font-size:18px;font-weight:500}.projects__container__content__project__infos{background-color:var(--tertiary-background-color);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;position:relative}.projects__container__content__project__infos__icons{display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-end;left:0;padding:16px;position:absolute;right:0;top:0;width:100%}.projects__container__content__project__infos__icons__icon{align-items:center;background-color:var(--color);border-radius:2px;color:var(--tertiary-background-color);display:flex;height:28px;justify-content:center;width:28px}.projects__container__content__project__infos__icons__icon svg{height:16px;width:auto}.projects__container__content__project__infos__image{height:148px;object-fit:cover}.projects__container__content__project__infos__container{align-items:flex-start;border-top:1px solid var(--border-color);display:flex;flex-direction:column;padding:24px;row-gap:24px}.projects__container__content__project__infos__container__text{display:flex;flex-direction:column;row-gap:8px}.projects__container__content__project__infos__container__link{background-color:var(--border-color);border-radius:8px;color:var(--color);padding:12px 16px;transition:opacity .3s ease-in-out}.projects__container__content__project__infos__container__link:hover{opacity:80%}.projects__container__content__project img{width:100%}@media(max-width:1660px){.projects__container__content__center{max-width:832px}}@media(max-width:1220px){.projects__container__content__center{max-width:428px}}@media(max-height:900px),(max-width:991px){.projects__container__content__center{padding:48px 24px 24px}}@media(max-width:768px){.projects__container__content__center{padding:48px 24px 24px}}@media(max-width:420px){.projects__container__content__center{padding:32px 16px 16px}.projects__container__content__project{row-gap:12px}.projects__container__content__project__title{font-size:16px}.projects__container__content__project__infos__container{padding:16px;row-gap:16px}.projects__container__content__project__infos__container__link,.projects__container__content__project__infos__container__text{font-size:14px}.projects__container__content__project img{width:100%}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--primary-background-color);font-family:Fira Code,monospace;font-optical-sizing:auto;width:100%}#root,body{height:100vh}#root{align-items:center;display:flex;justify-content:center;padding:60px}@supports(height:100dvh){#root,body{height:100dvh}}@media(max-width:1400px){#root{padding:40px}}@media(max-width:991px){#root{padding:40px}}@media(max-width:768px){#root{padding:32px}}@media(max-width:420px){#root{padding:24px}}@media(max-width:360px){#root{padding:20px}}@media(max-width:320px){#root{padding:16px}}@media(max-width:280px){#root{padding:12px}}
/*# sourceMappingURL=main.e08a3f68.css.map*/