:root{--color-border-color: #bfcc94;--color-green-color: #536f4c;--color-light-color: #f9faf4;--color-dark-color: #2f3d21;--color-white-color: #ffffff;--display-119: 7.438rem;--display-95: 5.938rem;--display-76: 4.75rem;--display-76: 4.75rem;--display-61: 3.812rem;--heading-76: 4.75rem;--heading-61: 3.812rem;--heading-49: 3.062rem;--heading-39: 2.438rem;--heading-31: 1.938rem;--heading-25: 1.562rem;--heading-20: 1.25rem;--heading-18: 1.125rem;--heading-16: 1rem;--body-20: 1.25rem;--body-18: 1.125rem;--body-16: 1rem;--body-13: 0.812rem;--button-20: 1.25rem;--button-18: 1.125rem;--button-16: 1rem;--details-13: 0.812rem;--details-10: 0.625rem;--line-height-display-119: 7.438rem;--line-height-display-95: 5.938rem;--line-height-display-76: 4.75rem;--line-height-display-61: 3.812rem;--line-height-display-49: 3.062rem;--line-height-display-39: 2.438rem;--line-height-display-31: 1.938rem;--line-height-display-25: 1.562rem;--line-height-display-20: 1.25rem;--line-height-display-16: 1rem;--spacing-8: 0.5rem;--spacing-16: 1rem;--spacing-24: 1.5rem;--spacing-32: 2rem;--spacing-40: 2.5rem;--spacing-48: 3rem;--spacing-56: 3.5rem;--spacing-64: 4rem;--spacing-72: 4.5rem;--spacing-80: 5rem;--spacing-88: 5.5rem;--spacing-96: 6rem;--spacing-104: 6.5rem;--spacing-112: 7rem;--spacing-120: 7.5rem;--spacing-128: 8rem;--spacing-136: 8.5rem;--spacing-144: 9rem}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0;font:inherit}body{background-color:var(--color-light-color);display:flex;flex-direction:column;align-items:center;width:100%;min-height:100svh;overflow-x:hidden}img,picture,svg,video{display:block;max-width:100%}.hidden{display:none}@font-face{font-family:"Geist-Bold";font-display:swap;src:url("../fonts/geist-bold-webfont.woff2") format("woff2"),url("../fonts/geist-bold-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"Geist-Extra-Bold";font-display:swap;src:url("../fonts/geist-extrabold-webfont.woff2") format("woff2"),url("../fonts/geist-extrabold-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"Geist-Medium";font-display:swap;src:url("../fonts/geist-medium-webfont.woff2") format("woff2"),url("../fonts/geist-medium-webfont.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"Geist-Semi-Bold";font-display:swap;src:url("../fonts/geist-semibold-webfont.woff2") format("woff2"),url("../fonts/geist-semibold-webfont.woff") format("woff");font-weight:normal;font-style:normal}header{position:fixed;top:0;height:72px;width:100%;padding-inline:2rem;display:flex;justify-content:space-between;align-items:center;z-index:9;background-color:var(--color-dark-color);border-bottom:#bfcc94 1px solid;border-radius:3px;box-shadow:0px 1px 6px 0px rgba(0,0,0,.25);transition:all .3s ease-in-out}header .logo{width:210px;height:37px}header a{position:relative;text-decoration:none;color:var(--color-light-color);font-family:"Geist-Medium",sans-serif;font-size:var(--button-20)}header nav ul li{list-style:none;display:inline-block;margin-inline:1rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}header nav ul li a:before{content:"";position:absolute;display:block;width:100%;height:6px;bottom:-6px;left:0;background-color:var(--color-border-color);border-radius:1px;transform:scaleX(0);transform-origin:center;transition:transform .3s ease}header nav ul li a:hover::before{transform:scaleX(1)}@media screen and (max-width: 1024px){header nav{display:none}}header .hero__social{position:relative;display:flex;justify-content:flex-start;align-items:center;gap:1.5rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}header .hero__social::before{position:absolute;content:"";top:0;left:-30px;width:3px;height:100%;background-color:var(--color-border-color);border-radius:3px}header .hero__social img{width:30px;height:30px}@media screen and (max-width: 1024px){header .hero__social{display:none}}header .mobile__nav{display:none;position:relative}header .mobile__nav__button{width:30px;height:30px;border:none;background-color:rgba(0,0,0,0);cursor:pointer;display:flex;align-items:center;position:relative}header .mobile__nav__button span{display:block;width:100%;height:3px;background-color:var(--color-white-color);position:absolute;pointer-events:none;transition:opacity .3s .15s ease-out}header .mobile__nav__button span:nth-child(1),header .mobile__nav__button span:nth-child(3){transition:transform .3s ease-out}header .mobile__nav__button span:nth-child(1){transform:translateY(9px)}header .mobile__nav__button span:nth-child(3){transform:translateY(-9px)}header .mobile__nav__button.open span:nth-child(1){transform:translate(0) rotate(135deg)}header .mobile__nav__button.open span:nth-child(2){opacity:0;transition:opacity 0s ease-out}header .mobile__nav__button.open span:nth-child(3){transform:translate(0) rotate(-135deg)}header .mobile__nav .mobile__menu{position:absolute;top:54px;right:0px;width:200px;height:200px;color:var(--color-white-color);background-color:var(--color-dark-color);border:var(--color-border-color) 1px solid;padding:1rem;border-bottom-left-radius:9px;border-bottom-right-radius:9px;opacity:0;transform:scale(0);transform-origin:top;transition:transform .3s ease-out,opacity .3s ease-out;z-index:9}header .mobile__nav .mobile__menu ul{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:1rem;list-style:none;width:100%;margin:0;padding:0;font-family:"Geist-Semi-Bold",sans-serif}header .mobile__nav .mobile__menu ul li a{position:relative;text-decoration:none;color:var(--color-white-color);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:var(--body-18)}header .mobile__nav .mobile__menu.open__menu{transform:scale(1);transform-origin:top;opacity:1}@media screen and (max-width: 1024px){header .mobile__nav{display:block}}main{width:100svw;flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1rem}main .hero{height:900px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3rem;overflow:hidden;padding-inline:var(--spacing-16);background-color:#2f3d21;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 28' width='56' height='28'%3E%3Cpath fill='%23bfcc94' fill-opacity='0.1' d='M56 26v2h-7.75c2.3-1.27 4.94-2 7.75-2zm-26 2a2 2 0 1 0-4 0h-4.09A25.98 25.98 0 0 0 0 16v-2c.67 0 1.34.02 2 .07V14a2 2 0 0 0-2-2v-2a4 4 0 0 1 3.98 3.6 28.09 28.09 0 0 1 2.8-3.86A8 8 0 0 0 0 6V4a9.99 9.99 0 0 1 8.17 4.23c.94-.95 1.96-1.83 3.03-2.63A13.98 13.98 0 0 0 0 0h7.75c2 1.1 3.73 2.63 5.1 4.45 1.12-.72 2.3-1.37 3.53-1.93A20.1 20.1 0 0 0 14.28 0h2.7c.45.56.88 1.14 1.29 1.74 1.3-.48 2.63-.87 4-1.15-.11-.2-.23-.4-.36-.59H26v.07a28.4 28.4 0 0 1 4 0V0h4.09l-.37.59c1.38.28 2.72.67 4.01 1.15.4-.6.84-1.18 1.3-1.74h2.69a20.1 20.1 0 0 0-2.1 2.52c1.23.56 2.41 1.2 3.54 1.93A16.08 16.08 0 0 1 48.25 0H56c-4.58 0-8.65 2.2-11.2 5.6 1.07.8 2.09 1.68 3.03 2.63A9.99 9.99 0 0 1 56 4v2a8 8 0 0 0-6.77 3.74c1.03 1.2 1.97 2.5 2.79 3.86A4 4 0 0 1 56 10v2a2 2 0 0 0-2 2.07 28.4 28.4 0 0 1 2-.07v2c-9.2 0-17.3 4.78-21.91 12H30zM7.75 28H0v-2c2.81 0 5.46.73 7.75 2zM56 20v2c-5.6 0-10.65 2.3-14.28 6h-2.7c4.04-4.89 10.15-8 16.98-8zm-39.03 8h-2.69C10.65 24.3 5.6 22 0 22v-2c6.83 0 12.94 3.11 16.97 8zm15.01-.4a28.09 28.09 0 0 1 2.8-3.86 8 8 0 0 0-13.55 0c1.03 1.2 1.97 2.5 2.79 3.86a4 4 0 0 1 7.96 0zm14.29-11.86c1.3-.48 2.63-.87 4-1.15a25.99 25.99 0 0 0-44.55 0c1.38.28 2.72.67 4.01 1.15a21.98 21.98 0 0 1 36.54 0zm-5.43 2.71c1.13-.72 2.3-1.37 3.54-1.93a19.98 19.98 0 0 0-32.76 0c1.23.56 2.41 1.2 3.54 1.93a15.98 15.98 0 0 1 25.68 0zm-4.67 3.78c.94-.95 1.96-1.83 3.03-2.63a13.98 13.98 0 0 0-22.4 0c1.07.8 2.09 1.68 3.03 2.63a9.99 9.99 0 0 1 16.34 0z'%3E%3C/path%3E%3C/svg%3E")}main .hero__container{position:relative;display:flex;justify-content:flex-start;align-items:center;max-width:1440px;width:100%;height:100%;padding:2rem}main .hero__container__text{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:1.5rem;width:-webkit-max-content;width:-moz-max-content;width:max-content;z-index:2}main .hero__container__text h1{color:var(--color-light-color);font-family:"Geist-Extra-Bold",sans-serif;font-size:clamp(3rem,6vw,var(--display-76));z-index:1;margin-bottom:var(--spacing-40);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}main .hero__container__text h1 span{position:relative;color:var(--color-border-color)}main .hero__container__text p{position:relative;color:var(--color-light-color);font-family:"Geist-Semi-Bold",sans-serif;font-size:var(--heading-31);z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}main .hero__container__text p::before{position:absolute;content:url("/assets/header-arrow-theme-01.svg");left:270px;top:70px;transform:rotateY(180deg);z-index:0}@media screen and (max-width: 600px){main .hero__container__text p::before{display:none}}@media screen and (max-width: 900px){main .hero__container__text p{font-size:var(--heading-31)}}@media screen and (max-width: 600px){main .hero__container__text p{font-size:var(--heading-25)}}main .hero__container__text .project_link{text-decoration:none;color:var(--color-light-color);background-color:var(--color-dark-color);font-family:"Geist-Medium",sans-serif;font-size:var(--button-20);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:var(--spacing-16) var(--spacing-16);margin-top:var(--spacing-24);border-radius:3px;border:var(--color-border-color) 2px solid;box-shadow:0px 1px 6px 0px rgba(0,0,0,.25);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}main .hero__container__text .project_link:active{transform:scale(0.95)}main .hero__container__text__underline{stroke-dasharray:1068;stroke-dashoffset:1068;-webkit-animation:draw 1s ease forwards;animation:draw 1s ease forwards;-webkit-animation-delay:300ms;animation-delay:1s}@-webkit-keyframes draw{to{stroke-dashoffset:0}}@keyframes draw{to{stroke-dashoffset:0}}@media screen and (max-width: 600px){main .hero__container__text{align-items:center;width:100%}}main .hero__container__products{position:absolute;top:0;right:-250px;transform:rotate(5deg);display:grid;grid-template-columns:1fr 1fr;gap:.5rem;z-index:0}main .hero__container__products__card{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;background-color:var(--color-dark-color);padding:2rem;width:400px;height:320px;border:hsla(74,35%,69%,.302) 1px solid;box-shadow:0px 1px 6px 0px rgba(0,0,0,.25);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}main .hero__container__products__card img{width:60px;height:60px}main .hero__container__products__card p{color:#bfcc94;font-family:"Geist-Medium",sans-serif;font-size:var(--body-16);z-index:1}@media screen and (max-width: 900px){main .hero__container__products{display:none}}@media screen and (max-width: 900px){main .hero__container{justify-content:center;padding:1rem}}main .about{position:relative;max-width:1440px;width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:4rem 3rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:1rem;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}main .about h2{position:relative;align-self:flex-start;font-family:"Geist-Bold",sans-serif;font-size:var(--heading-49);color:var(--color-dark-color);margin-bottom:2rem;z-index:3}main .about h2::after{position:absolute;content:"À Propos";font-family:"Geist-Extra-Bold",sans-serif;font-size:9rem;color:hsla(108,19%,37%,.05);top:-100%;left:0;width:-webkit-max-content;width:-moz-max-content;width:max-content;z-index:-1}@media screen and (max-width: 900px){main .about h2::after{font-size:8rem}}@media screen and (max-width: 600px){main .about h2::after{font-size:var(--heading-61)}}@media screen and (max-width: 900px){main .about h2{font-size:var(--heading-39)}}@media screen and (max-width: 600px){main .about h2{font-size:var(--heading-31)}}main .about__container{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1.5rem;width:100%;padding-inline:3rem;z-index:3}main .about__container__card{display:flex;justify-content:center;align-items:center;width:100%}main .about__container__card__text{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:1rem;max-width:1200px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:2.5rem;z-index:3}main .about__container__card__text::before{position:absolute;content:"";width:16px;height:calc(100% - 5rem);top:2.5rem;left:0;background-color:var(--color-border-color);border-radius:3px}@media screen and (max-width: 600px){main .about__container__card__text::before{width:6px}}main .about__container__card__text p{color:var(--color-dark-color);font-family:"Geist-Medium",sans-serif;font-size:var(--body-18);line-height:var(--line-height-display-31);z-index:2}@media screen and (max-width: 900px){main .about__container__card__text p{font-size:var(--body-16);line-height:1.6rem}}@media screen and (max-width: 600px){main .about__container__card__text{padding:2.5rem 1rem}}main .about__container::after{position:absolute;content:url("/assets/circle-cv.svg");width:300px;height:auto;bottom:-130px;right:0px;z-index:inherit}@media screen and (max-width: 900px){main .about__container::after{display:none}}@media screen and (max-width: 900px){main .about__container{padding-inline:.5rem;gap:0}}main .about .about__cv__link{position:relative;display:flex;justify-content:center;align-items:center;gap:.5rem;align-self:flex-end;text-decoration:none;background-color:var(--color-light-color);color:var(--color-dark-color);border:var(--color-border-color) 2px solid;border-radius:3px;font-family:"Geist-Semi-Bold",sans-serif;font-size:var(--button-18);padding:.5rem 1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;cursor:pointer;z-index:3;transition:all .3s ease-in-out}main .about .about__cv__link svg{width:30px;height:30px;fill:var(--color-dark-color);transition:all .3s ease-in-out}main .about .about__cv__link:active{transform:scale(0.95)}main .about .about__cv__link:hover{background-color:var(--color-dark-color);color:var(--color-light-color);transition:all .3s ease-in-out}main .about .about__cv__link:hover svg{fill:var(--color-light-color);transition:all .3s ease-in-out}@media screen and (max-width: 900px){main .about .about__cv__link{font-size:var(--button-16);padding:.5rem 1rem;align-self:center}}@media screen and (max-width: 900px){main .about{padding:3rem 1rem}}main .competences{position:relative;max-width:1440px;width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:4rem 3rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:var(--spacing-32);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}main .competences h2{position:relative;font-family:"Geist-Bold",sans-serif;font-size:var(--heading-49);color:var(--color-dark-color);margin-bottom:var(--spacing-32);align-self:flex-start;z-index:3}main .competences h2::after{position:absolute;content:"Compétences";font-family:"Geist-Extra-Bold",sans-serif;font-size:9rem;color:hsla(108,19%,37%,.05);top:-100%;left:0;width:-webkit-max-content;width:-moz-max-content;width:max-content;z-index:-1}@media screen and (max-width: 900px){main .competences h2::after{font-size:8rem}}@media screen and (max-width: 600px){main .competences h2::after{font-size:var(--heading-61)}}@media screen and (max-width: 900px){main .competences h2{font-size:var(--heading-39)}}@media screen and (max-width: 600px){main .competences h2{font-size:var(--heading-31)}}main .competences__container{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:var(--spacing-56);width:100%}main .competences__container__text{padding-left:3rem;display:flex;justify-content:flex-start;align-items:center;gap:1rem}main .competences__container__text__paragraph{position:relative;font-family:"Geist-Medium",sans-serif;font-size:var(--body-18);line-height:var(--line-height-display-31);color:var(--color-dark-color);background-color:var(--color-light-color);max-width:900px;color:var(--color-dark-color);border-left:var(--color-border-color) 16px solid;border-radius:3px;padding-left:1rem;z-index:2}@media screen and (max-width: 900px){main .competences__container__text__paragraph{font-size:var(--body-16);line-height:1.6rem}}@media screen and (max-width: 600px){main .competences__container__text__paragraph{border-left:var(--color-border-color) 6px solid}}@media screen and (max-width: 900px){main .competences__container__text{padding-left:1rem}}main .competences__container__list{position:relative;max-width:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:3rem;z-index:1;padding-inline:1rem}main .competences__container__list__card{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:1rem;max-width:600px;width:100%;border:var(--color-border-color) 2px solid;background-color:var(--color-white-color);border-radius:3px;box-shadow:0px 1px 6px 0px rgba(0,0,0,.25);z-index:2;overflow:hidden}main .competences__container__list__card:nth-child(1)::after{position:absolute;content:url("/assets/code.png");top:0;right:30px;width:50px;height:auto;transform:rotate(-45deg);opacity:.2;z-index:3}@media screen and (max-width: 600px){main .competences__container__list__card:nth-child(1)::after{display:none}}main .competences__container__list__card:nth-child(2)::after{position:absolute;content:url("/assets/framework.png");top:0;right:30px;width:50px;height:auto;transform:rotate(-45deg);opacity:.2;z-index:3}@media screen and (max-width: 600px){main .competences__container__list__card:nth-child(2)::after{display:none}}main .competences__container__list__card:nth-child(3)::after{position:absolute;content:url("/assets/ui-ux.png");top:0;right:30px;width:50px;height:auto;transform:rotate(-45deg);opacity:.2;z-index:3}@media screen and (max-width: 600px){main .competences__container__list__card:nth-child(3)::after{display:none}}main .competences__container__list__card:nth-child(4)::after{position:absolute;content:url("/assets/web-services.png");top:0;right:30px;width:50px;height:auto;transform:rotate(-45deg);opacity:.2;z-index:3}@media screen and (max-width: 600px){main .competences__container__list__card:nth-child(4)::after{display:none}}main .competences__container__list__card:nth-child(5)::after{position:absolute;content:url("/assets/outils.png");top:0;right:30px;width:50px;height:auto;transform:rotate(-45deg);opacity:.2;z-index:3}@media screen and (max-width: 600px){main .competences__container__list__card:nth-child(5)::after{display:none}}main .competences__container__list__card__header{display:flex;justify-content:flex-start;align-items:center;gap:1rem;padding:2.5rem 2.5rem 1rem 2.5rem;width:100%}main .competences__container__list__card__header img{width:50px;height:50px}main .competences__container__list__card__header h3{position:relative;font-family:"Geist-Semi-Bold",sans-serif;font-size:var(--heading-18);color:var(--color-dark-color)}main .competences__container__list__card__header h3::before{position:absolute;content:"";width:100%;height:3px;background-color:var(--color-green-color);bottom:-3px;left:0}@media screen and (max-width: 600px){main .competences__container__list__card__header h3{font-size:var(--heading-16)}}@media screen and (max-width: 600px){main .competences__container__list__card__header{padding:2.5rem 1rem 1rem 1rem}}main .competences__container__list__card__skills{position:relative;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:.5rem;padding:1rem 2.5rem 2.5rem calc(2.5rem + 9px);width:100%}main .competences__container__list__card__skills::before{position:absolute;content:"";width:6px;height:25px;background-color:var(--color-border-color);bottom:40px;left:36px;border-radius:3px}@media screen and (max-width: 670px){main .competences__container__list__card__skills::before{display:none}}main .competences__container__list__card__skills p{position:relative;font-family:"Geist-Medium",sans-serif;font-size:var(--body-13);color:var(--color-dark-color);background-color:var(--color-light-color);border:var(--color-border-color) 1px solid;border-radius:3px;padding:.2rem .3rem}@media screen and (max-width: 600px){main .competences__container__list__card__skills{padding:1rem 1rem 2.5rem 1rem}}@media screen and (max-width: 900px){main .competences{padding:3rem 1rem}}main .projets{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:var(--spacing-32);max-width:1440px;width:100%;padding:4rem 3rem;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}main .projets h2{position:relative;font-family:"Geist-Bold",sans-serif;font-size:var(--heading-49);color:var(--color-dark-color);margin-bottom:var(--spacing-32);align-self:flex-start}main .projets h2::after{position:absolute;content:"Projets";font-family:"Geist-Extra-Bold",sans-serif;font-size:9rem;color:hsla(108,19%,37%,.05);top:-100%;left:0;width:-webkit-max-content;width:-moz-max-content;width:max-content;z-index:-1}@media screen and (max-width: 900px){main .projets h2::after{font-size:8rem}}@media screen and (max-width: 600px){main .projets h2::after{font-size:var(--heading-61)}}@media screen and (max-width: 900px){main .projets h2{font-size:var(--heading-39)}}@media screen and (max-width: 600px){main .projets h2{font-size:var(--heading-31)}}main .projets__text{font-family:"Geist-Medium",sans-serif;font-size:var(--body-18);line-height:var(--line-height-display-31);color:var(--color-dark-color);max-width:900px;width:100%;align-self:flex-start;border-left:var(--color-border-color) 16px solid;padding-left:var(--spacing-16)}@media screen and (max-width: 900px){main .projets__text{font-size:var(--body-16);line-height:1.6rem}}@media screen and (max-width: 600px){main .projets__text{border-left:var(--color-border-color) 6px solid}}main .projets__list{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:var(--spacing-16);width:100%;margin-top:2rem}main .projets__list__card{position:relative;max-width:400px;width:100%;height:200px;display:flex;flex-direction:row-reverse;justify-content:center;align-items:center;border:var(--color-border-color) 2px solid;background-color:var(--color-white-color);border-radius:3px;box-shadow:0px 1px 6px 0px rgba(0,0,0,.25);padding:var(--spacing-16)}main .projets__list__card__body{position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:var(--spacing-16);background-color:var(--color-white-color);font-family:"Geist-Medium",sans-serif;font-size:var(--body-16);color:var(--color-dark-color);width:100%;height:100%}main .projets__list__card__body__header{display:flex;justify-content:flex-start;align-items:center}main .projets__list__card__body__header p{font-size:var(--body-18);position:relative}main .projets__list__card__body__header p::before{position:absolute;bottom:-2px;content:"";width:100%;height:3px;background-color:var(--color-border-color)}main .projets__list__card__body__text{flex-grow:1;line-height:1.5rem}main .projets__list__card__body__buttons{display:flex;justify-content:space-between;align-items:center;width:100%}main .projets__list__card__body__buttons__technologies{display:flex;justify-content:space-between;align-items:center;gap:.3rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:3px}main .projets__list__card__body__buttons__technologies p{font-size:var(--details-13);color:hsl(90,30%,18%);border:hsla(74,35%,69%,.6) 1px solid;background-color:var(--color-light-color);padding:.3rem .5rem;border-radius:3px}main .projets__list__card__body__buttons__links{display:flex;justify-content:center;align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}main .projets__list__card__body__buttons__links a{display:flex;justify-content:center;align-items:center;gap:.5rem;text-decoration:none;color:var(--color-dark-color);font-size:var(--button-16)}main .projets__list__card__body__buttons__links a svg{width:27px;height:27px}@media screen and (max-width: 900px){main .projets{padding:3rem 1rem}}main .contact{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:2rem;max-width:1440px;width:100%;padding:4rem 3rem 0 3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}main .contact h2{position:relative;font-family:"Geist-Bold",sans-serif;font-size:var(--heading-49);color:var(--color-dark-color);margin-bottom:2rem;align-self:flex-start}main .contact h2::after{position:absolute;content:"Contact";font-family:"Geist-Extra-Bold",sans-serif;font-size:9rem;color:hsla(108,19%,37%,.05);top:-100%;left:0;width:-webkit-max-content;width:-moz-max-content;width:max-content;z-index:-1}@media screen and (max-width: 900px){main .contact h2::after{font-size:8rem}}@media screen and (max-width: 600px){main .contact h2::after{font-size:var(--heading-61)}}@media screen and (max-width: 900px){main .contact h2{font-size:var(--heading-39)}}@media screen and (max-width: 600px){main .contact h2{font-size:var(--heading-31)}}main .contact__container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:3rem;width:100%;padding-inline:var(--spacing-48)}main .contact__container__text{font-family:"Geist-Medium",sans-serif;font-size:var(--body-18);line-height:var(--line-height-display-31);color:var(--color-dark-color);max-width:900px;width:100%;align-self:flex-start;border-left:var(--color-border-color) 16px solid;border-radius:3px;padding-left:1rem}@media screen and (max-width: 900px){main .contact__container__text{font-size:var(--body-16);line-height:1.6rem}}@media screen and (max-width: 600px){main .contact__container__text{border-left:var(--color-border-color) 6px solid}}main .contact__container__form{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;max-width:900px;width:100%;border-top:var(--color-border-color) 2px solid;border-left:var(--color-border-color) 2px solid;border-right:var(--color-border-color) 2px solid;background-color:var(--color-white-color);border-radius:3px;box-shadow:0px 1px 6px 0px rgba(0,0,0,.25);overflow:hidden}main .contact__container__form__name{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.5rem;width:100%}main .contact__container__form__name label{width:100%;text-align:left}main .contact__container__form__name input{width:100%;padding:.5rem;border-radius:3px;border:var(--color-border-color) 2px solid;font-family:"Geist-Medium",sans-serif;font-size:var(--body-18);z-index:3}main .contact__container__form__name input:focus{outline:none;border:var(--color-green-color) 3px solid}main .contact__container__form__lastname{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.5rem;width:100%}main .contact__container__form__lastname label{width:100%;text-align:left}main .contact__container__form__lastname input{width:100%;padding:.5rem;border-radius:3px;border:var(--color-border-color) 2px solid;font-family:"Geist-Medium",sans-serif;font-size:var(--body-18);z-index:3}main .contact__container__form__lastname input:focus{outline:none;border:var(--color-green-color) 3px solid}main .contact__container__form__email{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.5rem;width:100%}main .contact__container__form__email label{width:100%;text-align:left}main .contact__container__form__email input{width:100%;padding:.5rem;border-radius:3px;border:var(--color-border-color) 2px solid;font-family:"Geist-Medium",sans-serif;font-size:var(--body-18);z-index:3}main .contact__container__form__email input:focus{outline:none;border:var(--color-green-color) 3px solid}main .contact__container__form__message{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.5rem;width:100%}main .contact__container__form__message label{width:100%;text-align:left}main .contact__container__form__message textarea{width:100%;padding:.5rem;border-radius:3px;border:var(--color-border-color) 2px solid;font-family:"Geist-Medium",sans-serif;font-size:var(--body-18);resize:none;z-index:3}main .contact__container__form__message textarea:focus{outline:none;border:var(--color-green-color) 3px solid}main .contact__container__form form{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:1.2rem;max-width:750px;width:100%;color:var(--color-dark-color);font-family:"Geist-Medium",sans-serif;font-size:var(--body-18);padding:1rem;margin:2rem 0}main .contact__container__form form #submit{width:135px;height:45px;background-color:var(--color-light-color);color:var(--color-dark-color);border:var(--color-border-color) 2px solid;border-radius:3px;cursor:pointer}main .contact__container__form form #submit:hover{background-color:var(--color-dark-color);color:var(--color-light-color)}main .contact__container__form form #submit:active{transform:scale(0.95)}@media screen and (max-width: 600px){main .contact__container__form form{font-size:var(--body-16)}}main .contact__container__form::before{position:absolute;content:url("/assets/envelope.svg");top:30px;right:60px;width:60px;height:auto;transform:rotate(-30deg);opacity:.3}@media screen and (max-width: 900px){main .contact__container{padding-inline:1rem}}@media screen and (max-width: 600px){main .contact__container{padding-inline:.5rem}}@media screen and (max-width: 900px){main .contact{padding:3rem 1rem 0 1rem}}main .separator{position:relative;max-width:1440px;width:100%;display:flex;justify-content:center;align-items:center}main .separator .bar{width:90%;border:var(--color-border-color) 1px solid}main .separator img{position:absolute;bottom:0;left:50%;transform:translateX(-50%) translateY(48%);width:50px;height:50px;z-index:2}footer{background-color:var(--color-dark-color);width:100%;min-height:250px;padding:3rem 3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}footer .footer__logo{display:flex;justify-content:space-between;align-items:center}footer .footer__logo__init__code{width:210px;height:37px}footer .footer__logo__socials{display:flex;justify-content:center;align-items:center;gap:1rem}footer .footer__logo__socials a img{width:35px;height:35px}footer hr{width:100%;border:var(--color-border-color) 1px solid;margin:2rem 0}footer .legislation{display:flex;justify-content:center;align-items:center;gap:2rem;flex-wrap:wrap;font-family:"Geist-Medium",sans-serif;font-size:var(--details-13);color:var(--color-light-color)}footer .legislation p a{text-decoration:none;color:var(--color-light-color)}@media screen and (max-width: 600px){footer{padding:3rem .5rem}}