.nav{display:flex;position:fixed;width:100%;justify-content:space-between;padding:20px 45px;left:0;background-color:var(--dark-green);box-shadow:0 4px 4px var(--shadow-color);color:var(--light);z-index:10}.nav__title{display:none;font-size:32px;font-weight:700;letter-spacing:-.03em;line-height:1.1;font-family:Bona Nova,serif}.nav__tabs{display:flex;gap:40px;align-self:center}.nav__tabs a{padding:8px 16px;color:inherit;text-decoration:inherit;border-radius:52px;font-family:Quattrocento,serif}.nav__tabs a:hover{background-color:var(--orange);color:var(--dark-green)}.nav__tabs .nav__tab--active{background-color:var(--light);color:var(--dark-green)}@media screen and (min-width:700px){.nav__tabs a{padding:8px 16px;color:inherit;text-decoration:inherit}.nav__title{display:block;white-space:nowrap;align-self:center}}@media screen and (max-width:699px){.nav{padding:12px 16px;justify-content:center}.nav__tabs{gap:8px}}.carousel{position:relative;overflow:hidden;border-radius:10px;aspect-ratio:16/10}.carousel__track{display:flex;height:100%;transition:transform .4s ease}.carousel__track img,.carousel__track video{flex:0 0 100%;width:100%;height:100%;object-fit:contain}.carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border:none;border-radius:50%;background-color:var(--light);color:var(--dark-green);font-size:24px;line-height:1;cursor:pointer}.carousel__arrow--prev{left:12px}.carousel__arrow--next{right:12px}.carousel__dots{position:absolute;bottom:12px;left:0;right:0;display:flex;justify-content:center;gap:8px}.carousel__dot{width:10px;height:10px;padding:0;border:none;border-radius:50%;background-color:var(--light);opacity:.5;cursor:pointer}.carousel__dot.is-active{opacity:1}@media(max-width:500px){.carousel__arrow{width:32px;height:32px;font-size:20px}.carousel__arrow--prev{left:8px}.carousel__arrow--next{right:8px}}.info{display:flex;align-items:center;text-align:center;transition:background-color .16s ease-in-out}.info--vertical{flex-direction:column;justify-content:space-evenly;box-shadow:1px 1px 4px var(--shadow-color)}.info__title{margin:0 10px;display:flex}.info__icon,.info__title{flex:1 1 auto}.info[data-category=dev]{border:1px solid var(--blue);border-radius:8px}.info[data-category=logiciel]{border:1px solid var(--orange);border-radius:8px}.info[data-category=langues]{border:1px solid var(--yellow);border-radius:8px}.info[data-category=other]{border:1px solid var(--font-color);border-radius:8px}.info[data-category=other]:hover{background-color:color-mix(in srgb,#abc5cf 10%,transparent)}.info[data-category=dev]:hover{background-color:color-mix(in srgb,var(--blue) 20%,transparent)}.info[data-category=langues]:hover{background-color:color-mix(in srgb,var(--yellow) 20%,transparent)}.info[data-category=logiciel]:hover{background-color:color-mix(in srgb,var(--orange) 20%,transparent)}.footer{display:flex;box-shadow:6px 0 4px var(--shadow-color);justify-content:space-around;padding:30px 0;background-color:var(--yellow)}.footer__about,.footer__contact,.footer__links{display:flex;flex-direction:column;width:27%;align-items:flex-start}.footer__about p,.footer__contact a,.footer__links a{padding-left:5px}.footer__contact a,.footer__links a{padding:2px 5px;text-decoration:none}@media screen and (max-width:800px){.footer{flex-direction:column;gap:24px;padding:30px 24px}.footer__about,.footer__contact,.footer__links{width:100%}}.project{display:flex;align-items:center;gap:48px;padding:48px 24px;background-color:var(--light)}.project--reversed{flex-direction:row-reverse}.project__image{flex:0 0 50%;min-width:0}.project__content{flex:1 1}.project__title{margin-bottom:16px}.project__description+.project__description{margin-top:12px}.project__links{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.project__links a{display:inline-block;padding:10px 24px;border:2px solid var(--dark-green);border-radius:999px;text-decoration:none;transition:background-color .2s ease,color .2s ease}.project__links a:first-child,.project__links a:hover{background-color:var(--dark-green);color:var(--light)}.project__links a:first-child:hover{background-color:transparent;color:var(--dark-green)}@media(max-width:800px){.project,.project--reversed{flex-direction:column;gap:24px}.project__image{flex:none;width:100%}}@media(max-width:500px){.project,.project--reversed{padding:32px 16px}.project__title{font-size:24px}.project__links a{flex:1 1 auto;text-align:center}}.header{padding:50px 0}.header__title{font-size:50px;font-family:Bona Nova,serif;color:var(--light);font-weight:600;text-align:center;line-height:50px}@media screen and (min-width:1100px){.header__title{font-size:50px;font-weight:700}}@media screen and (max-width:700px){.header{padding:32px 16px}.header__title{font-size:36px;line-height:1.1}}.introduction{padding:60px;text-align:justify;display:flex;color:var(--light);justify-content:center;align-items:center;gap:64px}.introduction .introduction__illutration{background:50%/cover no-repeat url(/static/images/undraw_collaboration.svg);width:344px;height:187px;flex-shrink:0}.introduction p{padding-right:10%}@media screen and (max-width:900px){.introduction{flex-direction:column;gap:32px;padding:32px 24px}.introduction .introduction__illutration{width:100%;max-width:344px;height:auto;aspect-ratio:344/187}.introduction p{padding-right:0}}@media screen and (max-width:500px){.introduction{padding:24px 16px;text-align:left}}.content{display:flex;flex-direction:column;line-height:125%;font-size:17px;text-align:justify;letter-spacing:-3%;padding-top:90px}@media(max-width:699px){.content{padding-top:56px;text-align:left}}