.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}}.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%}}.contact{display:flex;flex-direction:column;align-self:flex-start;gap:8px;position:absolute;right:0;margin-right:28px;background-color:#eae6db;padding:15px;border-radius:15px}.contact__image{height:80px;width:80px;align-self:center}.contact__image-picture{border-radius:100px;width:100%;height:100%}.info-list{display:grid;grid-auto-flow:row;grid-template-columns:repeat(auto-fill,150px);grid-auto-rows:150px;justify-content:space-between;grid-column-gap:10px;column-gap:10px;grid-row-gap:10px;row-gap:10px;height:100%;width:100%}.contact{grid-template-columns:repeat(2,1fr)}.formations__list{border-left:5px solid var(--light);display:flex;flex-direction:column;gap:32px}.formation__text__list{padding-top:15px}.activity-list.experiences,.activity-list.formations{padding-left:88px}.activity-list{padding-left:72px}.profil{display:flex;align-items:center;gap:40px;padding:64px 32px;background-color:var(--light)}.profil__illustration{background:50%/cover no-repeat url(/static/images/undraw_programmer.svg);width:344px;height:344px;flex-shrink:0}.profil__bigtitle{font-size:64px;font-weight:700;letter-spacing:-.03em;line-height:1.1;font-family:Bona Nova,serif}.profil__text{font-size:17px;line-height:26px;letter-spacing:.5px;text-align:justify;font-family:Quattrocento,serif;padding-right:100px;display:flex;flex-direction:column;gap:16px}@media screen and (min-width:1100px){.activity-list .experiences{padding-left:0}}@media screen and (max-width:900px){.profil{flex-direction:column;gap:24px;padding:40px 20px}.profil__illustration{width:100%;max-width:344px;height:auto;aspect-ratio:1}.profil__bigtitle{font-size:44px}.profil__text{padding-right:0}}.formation{padding-left:42px;position:relative}#edu,#exp-pro{padding:0 16px 32px;background-color:var(--dark-green);color:var(--light);width:684px;border-radius:3px;transform:translateY(-64px)}#edu h2,#exp-pro h2{font-family:Bona Nova,serif;font-size:32px;font-weight:700;letter-spacing:-.03em;line-height:1.1;color:var(--yellow);text-align:center}#edu{width:465px;margin-top:215px}#edu .formation__title{font-family:Quattrocento,serif;font-weight:400;font-size:17px}.formation__title{font-family:Bona Nova,serif;font-size:20px}.formation__header{margin-left:calc(-1*(42px + 56px + 8px + 56px/2 + 5px/2))}.formation__header,.formation__year{display:flex;align-items:center;gap:8px}.formation__year{justify-content:flex-end;flex-shrink:0;width:120px;font-family:Bona Nova,serif;font-size:24px;font-weight:700}.formation__year:after{content:"";flex-shrink:0;width:56px;height:56px;background-color:var(--dark-green);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 38 42'%3E%3Cpath d='M19.3273 0.22214L19.3488 0.0695801C20.8542 18.7151 22.4599 20.2518 37.9153 23.0179C21.9582 24.1448 21.4564 27.1158 19.3488 41.7658C16.5388 26.2962 15.8362 24.2472 0.079834 23.0179C16.4935 20.3615 16.7382 18.6222 19.3273 0.22214Z' fill='%23DC7C52' stroke='%232A3029' stroke-miterlimit='5.20115'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:50%;background-size:36px 40px}.formation__title{flex:1 1;margin-left:calc(42px - 56px/2 + 5px/2 - 8px);font-weight:700}.formation__text p{font-weight:300}.formation__text b{padding-top:10px}.formation:last-child .formation__title{margin-bottom:0}@media screen and (max-width:1100px){#edu,#exp-pro{width:100%;max-width:684px;margin-top:0;transform:none}}@media screen and (max-width:500px){.formation__year{font-size:20px}}.hobbies{background-color:var(--light);padding:0 32px 64px}.hobbies h2{font-family:Bona Nova,serif;font-size:48px;font-weight:700;letter-spacing:-.03em;line-height:1.1;text-align:center}.hobbies .pill-list{max-width:720px;margin:0 auto}@media screen and (max-width:700px){.hobbies h2{font-size:36px}}.pill{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:8px 16px;background:rgba(42,48,41,.35);border:1px solid var(--dark-green);border-radius:90px;font-family:Quattrocento,sans-serif;font-weight:400;font-size:16px;line-height:125%;letter-spacing:-.03em;text-align:center;color:#000}.pill__icon{flex-shrink:0;width:18px;height:18px}.pill-list{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;justify-content:center;gap:8px;margin:0;padding:0;list-style:none}.soft-skills{background-color:var(--light);padding:0 32px 64px}.soft-skills h2{font-family:Bona Nova,serif;font-size:48px;font-weight:700;letter-spacing:-.03em;line-height:1.1;text-align:center}.soft-skills .pill-list{max-width:720px;margin:0 auto}@media screen and (max-width:700px){.soft-skills h2{font-size:36px}}.skills{background-color:var(--light);padding:0 32px 64px}.skills h2{font-family:Bona Nova,serif;font-size:64px;font-weight:700;letter-spacing:-.03em;line-height:1.1;text-align:center}.skills__list{display:flex;flex-wrap:wrap;justify-content:center;gap:32px}@media screen and (max-width:700px){.hobbies,.skills,.soft-skills{padding:0 16px 40px}.skills h2{font-size:40px}.skills__list{gap:16px}}.skill-category{display:flex;flex-direction:column;align-items:center;gap:32px;padding:16px;width:326px;border-radius:19.2105px}.skill-category .pill-list{align-self:stretch}.skill-category__title{align-self:stretch;margin:0;font-family:Bona Nova,serif;font-weight:700;font-size:24px;line-height:110%;letter-spacing:-.03em;text-align:center;color:#000}@media screen and (max-width:400px){.skill-category{width:100%}}.header{background-color:var(--dark-green);position:relative}.header,.header__title-container{display:flex;justify-content:center;align-items:center}.header__title-container{flex-direction:column}.header__center-container,.header__lolo{position:relative}.header__lolo{height:455px;z-index:1}.header__subtitle,.header__title{width:100%;font-size:64px;font-weight:700;letter-spacing:-.03em;line-height:1.1;color:var(--orange);font-family:Bona Nova,serif}.header__subtitle{color:transparent;-webkit-text-stroke:1px var(--orange)}@media screen and (max-width:1233px){.header__lolo{height:340px}.header__subtitle,.header__title{font-size:48px}}@media screen and (max-width:924px){.header{flex-direction:column;padding:24px 16px 0}.header__lolo{height:auto;width:70%;max-width:300px}.header__subtitle,.header__title{font-size:clamp(32px,11vw,48px);text-align:center}.header__title-container:last-of-type{padding-bottom:24px}}.timelines{background-color:var(--orange);display:flex;padding:0 64px;justify-content:space-between;height:488px;align-items:flex-start;z-index:5;gap:8px}@media screen and (max-width:1100px){.timelines{flex-direction:column;align-items:center;height:auto;gap:32px;padding:32px 16px}}.periodic{display:grid;grid-template-columns:repeat(9,100px);grid-template-rows:repeat(4,100px);grid-gap:10px;margin:auto;max-width:1200px;justify-content:center}.periodic-tile{padding:4px;position:relative;z-index:1;cursor:default;transition:all .3s ease}.periodic-tile .periodic-tile__inner{background:#202e38;padding:10px 15px;width:calc(100% - 30px);height:calc(100% - 20px);transition:inherit}.periodic-tile .periodic-tile__sigle{font:700 34px/1.3 Poppins,sans-serif;margin:.3em 0 0;transition:.8s ease .6s}.periodic-tile .periodic-tile__title{font:500 12px Poppins,sans-serif;margin-top:-.2em}.periodic-tile:after{z-index:10;content:attr(data-description);background:#f9f8f7;color:#333;width:180px;position:absolute;top:80%;opacity:0;transition:opacity .3s ease .3s,top .3s cubic-bezier(.175,.885,.32,1.275) .3s;height:auto;font-size:12px;line-height:1.4;padding:10px;margin:0 0 0 -50px;border-radius:6px;text-align:center}.periodic-tile:hover{transform:scale(1.12);z-index:10}.periodic-tile:hover .periodic-tile__inner{background:transparent}.periodic-tile:hover .periodic-tile__sigle,.periodic-tile:hover .periodic-tile__title{-webkit-text-fill-color:#222}.periodic-tile:hover:after{top:105%;opacity:1}a.periodic-tile{cursor:pointer}.periodic-tile--tool{background:linear-gradient(to bottom right,#f3f9a6,#cbc634)}.periodic-tile--tool .periodic-tile__sigle,.periodic-tile--tool .periodic-tile__title{background:-webkit-linear-gradient(#f3f9a6,#cbc634);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.periodic-tile--technology{background:linear-gradient(to bottom right,#ff616d,#ffc171)}.periodic-tile--technology .periodic-tile__sigle,.periodic-tile--technology .periodic-tile__title{background:-webkit-linear-gradient(#ff616d,#ffc171);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.periodic-tile--language{background:linear-gradient(to bottom right,#37cfdc,#5a88e5)}.periodic-tile--language .periodic-tile__sigle,.periodic-tile--language .periodic-tile__title{background:-webkit-linear-gradient(#37cfdc,#5a88e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.periodic-tile--hobby{background:linear-gradient(to bottom right,#58ac30,#a7df62)}.periodic-tile--hobby .periodic-tile__sigle,.periodic-tile--hobby .periodic-tile__title{background:-webkit-linear-gradient(#58ac30,#a7df62);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.legend-table{padding:15px;text-align:center;font-size:15px;margin:2em auto 0}.legend-table__marker{width:25px;height:25px;margin:5px 5px 10px;display:inline-block;vertical-align:middle;box-shadow:.5px 1px rgba(0,0,0,.15)}.legend-table__text{vertical-align:middle;margin:0 25px 5px 5px}.legend-table__direction,.legend-table__text{display:inline-block;background:-webkit-linear-gradient(#ccc,#eee);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.legend-table__direction{margin:10px 15px 10px 10px}.empty-spacer-1{grid-column:3/span 4;grid-row:1}.empty-spacer-2{grid-column:1;grid-row:4}.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}}