@charset "UTF-8";@import"https://fonts.cdnfonts.com/css/pp-neue-montreal";@import"https://fonts.googleapis.com/css2?family=Libre+Caslon+Display&display=swap";@import"https://fonts.googleapis.com/css2?family=Winky+Sans:ital,wght@0,300..900;1,300..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap";@font-face{font-family:GrandSlang-Roman;src:url(/assets/GrandSlang-Roman-DheozKbc.woff2) format("woff2"),url(/assets/GrandSlang-Roman-BJy1_rvX.woff) format("woff");font-weight:400;font-style:normal}*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}:root{background-color:#ffd6fd}body,html{cursor:default;-webkit-user-select:none;user-select:none;min-height:100dvh}@media (min-width: 1023px){.cursor{position:fixed;border-radius:50%;transform:translate(-50%) translateY(-50%);z-index:10000;pointer-events:none;left:-400px;top:-400px;height:800px;width:800px}}.LoadingHomepageContainer{height:100dvh;width:100dvw;position:absolute;z-index:10;background-color:#ffeefe;top:0;left:0;display:flex;justify-content:center;align-items:center;animation:LoadingHomepageAnime 3s ease-out forwards;pointer-events:none}@keyframes LoadingHomepageAnime{0%{opacity:100%}5%{opacity:100%}10%{opacity:100%}15%{opacity:100%}20%{opacity:90%}25%{opacity:80%}30%{opacity:70%}35%{opacity:65%}40%{opacity:60%}45%{opacity:55%}50%{opacity:50%}55%{opacity:45%}60%{opacity:40%}65%{opacity:35%}70%{opacity:30%}75%{opacity:25%}80%{opacity:20%}85%{opacity:15%}90%{opacity:10%}95%{opacity:5%}to{opacity:0%}}.homepageContainer{background-color:#ffd6fd;color:#041107;padding:16px;height:100dvh;width:100dvw;position:relative;display:flex}.homepagePresentation{margin-top:32px;width:100%}.homepagePresentation--axel,.homepagePresentation--poncet{font-family:GrandSlang-Roman,sans-serif;font-size:15vw;font-weight:lighter;animation:textSlide 1.5s}.homepagePresentation--firstpart{display:flex;flex-flow:column nowrap;align-items:center;gap:1rem}.homepagePresentation--job{font-family:PP Neue Montreal,sans-serif;color:#07210d;font-size:4vw;font-weight:400;order:1;animation:textSlide 1s}.homepagePresentation--axel{align-self:flex-start;order:2}.homepagePresentation--poncet{text-align:end;margin-top:-4dvh}.homepageDescription{position:absolute;font-family:PP Neue Montreal,sans-serif;text-align:center;left:20%;bottom:10%;width:65%}@media (min-width: 424px){.homepagePresentation--poncet{margin-top:-8.8vw}}@media (min-width: 767px){.homepagePresentation{margin-top:0;width:100%}.homepagePresentation--axel,.homepagePresentation--poncet{font-size:15.5vw}.homepagePresentation--firstpart{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;gap:0rem}.homepagePresentation--axel{order:1}.homepagePresentation--poncet{margin-top:-12vw}.homepagePresentation--job{flex-grow:1;text-align:center;order:2;padding-bottom:.2rem;line-height:.7;font-size:1.5vw}}@media (min-width: 1023px){.homepagePresentation--job{font-size:1vw}}@media (min-width: 2500px){.homepageDescription{font-size:1.5rem}.homepagePresentation--job{line-height:.6;font-size:1.3vw}}@keyframes textSlide{0%{translate:0 50%}to{translate:0 0}}.aboutContainer{background-color:#6c6ea0;color:#ffd6fd;font-family:Urbanist,sans-serif;padding:48px 24px;min-height:100dvh;position:relative;display:flex;flex-flow:column nowrap;justify-content:space-between}.nameTitle,.jobTitle{color:#ffeefe;font-family:GrandSlang-Roman,sans-serif}.introductionDescription{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;gap:16px}.descriptionContainer p,.shortDescription{line-height:1.4;letter-spacing:1px;font-weight:500;font-size:1rem;text-align:start}.iconContainer{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:16px 0;place-items:center}.aboutContainer--leftside{display:flex;flex-flow:column nowrap;justify-content:space-between;gap:25px}.aboutContainer--rightside{padding-top:100px;display:flex;flex-flow:column nowrap;gap:20px}.skillsContainer,.descriptionContainer{display:flex;flex-flow:column nowrap;gap:10px}.rightsideTitle{color:#ffeefe;letter-spacing:.5px;font-size:1.5rem;font-family:GrandSlang-Roman,sans-serif;font-weight:100}.presentation{display:flex;flex-flow:column nowrap;gap:10px}.nameTitle{font-size:3rem;line-height:1}.shortDescription{width:80%}.cvLink{text-decoration:none;color:#ffeefe;font-size:1.2rem;border:solid 2px #FFEBFE;border-radius:16px;width:100px;text-align:center;transition:ease-in-out .15s}.cvLink:hover{color:#fff;background-color:#041107;transition:ease-in-out .15s}.experienceContainer{display:flex;flex-flow:column nowrap;justify-content:space-between;gap:10px}.experienceArticle{display:flex;flex-flow:column nowrap}.experienceArticle--title{color:#ffeefe}.experienceArticle--description a{text-decoration:none;color:#ffeefe}@media (min-width: 767px){.iconContainer{display:flex;flex-flow:row wrap;justify-content:start;align-items:center}}@media (min-width: 1023px){.aboutContainer{padding:0 50px;position:relative;flex-flow:row nowrap;justify-content:space-between}.aboutContainer--leftside,.aboutContainer--rightside{width:50%;display:flex;flex-flow:column nowrap;justify-content:space-between;align-items:start;padding:100px 0}.aboutContainer--leftside{max-height:100dvh;position:sticky;top:0}}@media (min-width: 1043px){.aboutContainer{padding:0 300px;position:relative;flex-flow:row nowrap;justify-content:space-between}.aboutContainer--leftside,.aboutContainer--rightside{padding:80px 0}}@media (min-width: 2500px){.nameTitle{font-size:6rem}.jobTitle{font-size:2rem}.aboutContainer{padding:0 500px}.aboutContainer p{font-size:1.5rem}.experienceArticle--title{font-size:1.7rem}.rightsideTitle{font-size:2rem}}.networkList{list-style:none;display:flex;flex-flow:row nowrap;justify-content:start;gap:32px;padding:0}.networkLink svg{width:24px;height:24px}@media (min-width: 2500px){.networkList{gap:50px}.networkLink svg{width:50px;height:50px}}.projectsContainer{background-color:#76502d;color:#08210e;font-family:Urbanist,sans-serif;padding:48px 24px;min-height:100dvh;position:relative;display:flex;flex-flow:column nowrap;justify-content:space-between}.projectsContainer--leftside{display:flex;flex-flow:column nowrap;justify-content:space-between;gap:25px}.projectsContainer--title{font-family:GrandSlang-Roman,serif;color:#041107;font-size:3rem}.projectsContainer--rightside{padding-top:100px;display:flex;flex-flow:column nowrap;align-items:start;gap:20px}.project{display:flex;flex-flow:column nowrap;justify-content:space-around;align-items:start}.projectLink{text-decoration:none;color:#041107;font-family:GrandSlang-Roman,serif;font-size:9vw;transition:all .3s ease-in-out;text-align:end;transition:color .3s,filter .3s;transition:all .5s ease-in-out;background:transparent;border:none}.project p{color:#041107;font-family:Urbanist,sans-serif;font-weight:500}.projectsContainer--rightside .projectLink:hover{color:#ffd6fd;transform:translate(-2%);transition:all .5s ease-in-out}@media (min-width: 1023px){.projectsContainer{padding:0 50px;position:relative;flex-flow:row nowrap;justify-content:space-between}.projectsContainer--leftside,.projectsContainer--rightside{width:50%;display:flex;flex-flow:column nowrap;padding:100px 0}.projectLink{font-size:3vw}.projectsContainer--leftside{max-height:100dvh;position:sticky;justify-content:space-between;align-items:start;top:0}.projectsContainer--rightside{align-items:end;justify-content:start;margin-left:2rem}.projectsContainer--description{padding-right:24px}}@media (min-width: 1043px){.projectsContainer{padding:0 300px;position:relative;flex-flow:row nowrap;justify-content:space-between}.project{align-items:end}.projectsContainer--leftside,.projectsContainer--rightside{padding:80px 0}}@media (min-width: 2500px){.projectsContainer--title{font-size:6rem}.projectsContainer p{font-size:1.5rem}.projectsContainer{padding:0 500px}}.contactContainer{background-color:#ed6a5a;color:#fff;font-family:Urbanist,sans-serif;padding:48px 24px;min-height:100dvh;position:relative;display:flex;flex-flow:column nowrap;justify-content:space-between}.contact--leftside{display:flex;flex-flow:column nowrap;gap:20px}.contactTitle{font-size:3rem;font-family:GrandSlang-Roman,sans-serif}.contactDescription{width:100%}.contactForm{display:flex;flex-flow:column nowrap;justify-content:space-between;align-items:start;gap:20px;width:100%}.contactForm--name,.contactForm--firstname,.contactForm--lastname,.contactForm--email,.contactForm--subject,.contactForm--message{display:flex;flex-flow:column nowrap;width:100%}.contactForm--labelTitle{font-size:1.2rem}.contactForm--labelSubtitle{font-size:.8rem}.contactContainer textarea,.contactContainer input{border:solid 2px #e94a35;background-color:#fdefed;border-radius:10px}.contactContainer textarea{min-width:100%;max-width:100%;height:100px;min-height:100px;max-height:200px}.contactForm--button{width:80%;margin:auto}.contactForm--button button{font-size:1.2rem;border:solid 2px #e94a35;background-color:#fdefed;border-radius:10px;padding:10px 20px;width:100%;margin:auto;transition:ease-in-out .15s}.contactForm--button button:hover{color:#fff;border:solid 2px #fdefed;background-color:#e94a35;border-radius:10px;padding:10px 20px;width:100%;margin:auto;transition:ease-in-out .15s}@media (min-width: 1023px){.contactContainer,.contact{padding:0 50px;position:relative;flex-flow:row nowrap;justify-content:space-between}.contact--leftside,.contact--rightside{width:50%;display:flex;flex-flow:column nowrap;justify-content:space-between;align-items:start;padding:100px 0}.contact--leftside{max-height:100dvh;position:sticky;top:0}.contact--rightside{justify-content:center;align-items:center}.contactForm--labelTitle{font-size:1.5rem}.contactForm--labelSubtitle{font-size:1rem}.contactDescription{width:80%}}@media (min-width: 1043px){.contactContainer{padding:0 300px;position:relative;flex-flow:row nowrap;justify-content:space-between}.contact--leftside,.contact--rightside{padding:80px 0}}@media (min-width: 2500px){.contactContainer{padding:0 500px}.contactTitle{font-size:6rem}.contactDescription{font-size:1.5rem}.projectsContainer{padding:0 500px}.contact--rightside label{font-size:2rem}.contactContainer textarea,.contactContainer input{border:solid 2px #e94a35;background-color:#fdefed;border-radius:10px;height:50px;font-size:1.5rem}.contactContainer textarea{height:200px;min-height:200px;max-height:300px}.contactForm--button button{font-size:1.5rem}}.errorpageContainer{background-color:#041107;color:#ffd6fd;font-family:Urbanist,sans-serif;padding:16px;height:100dvh;width:100dvw;position:relative;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center}.errorpageTitle{font-size:7rem;font-family:GrandSlang-Roman,sans-serif}.errorpageContainer p{font-size:2rem;text-align:center}.errorpageButtonContainer{display:flex;flex-flow:row nowrap;justify-content:space-around;width:100%}.errorpageButton{cursor:pointer;width:45%;background:transparent;border:none;color:#ffd6fd;font-size:1.5rem;margin:1rem 0;transition:ease-in-out .25s}.errorpageButton:hover{transform:scale(1.2);transition:ease-in-out .2s;color:#ffebfe}.errorpageButton:after{content:"";position:absolute;bottom:0;left:0;width:0;margin:0 25%;height:2px;background-color:#ffebfe;transition:width .3s ease-out}.errorpageButton:hover:after{width:50%}.errorpageQuiz{display:flex;flex-flow:column nowrap;align-items:center;justify-content:space-between;gap:32px}.errorpageLinkContainer{display:flex;flex-flow:column nowrap;justify-content:space-around;gap:16px;width:50%}.errorpageLink,.errorpageLinkHomepage{text-decoration:none;color:#ffd6fd;border:solid 1px #FFD6FD;text-align:center;padding:5px 0;font-size:1.2rem;border-radius:16px;transition:ease-in-out .2s}.errorpageLink:hover,.errorpageLinkHomepage:hover{text-decoration:none;color:#041107;background-color:#ffebfe;border:solid 1px #FFEBFE;transition:ease-in-out .2s;font-weight:bolder}.errorpageLinkHomepage{padding:5px 10px}.burgerMenuButton{font-family:PP Neue Montreal,sans-serif;position:fixed;bottom:16px;right:16px;font-weight:bolder;font-size:1rem;cursor:pointer;pointer-events:auto;z-index:1001;transition:all .3s ease-out;transition:background-color .3s ease;background-color:transparent;border:none;color:#ffd6fd}.burgerMenuButton:hover{transform:scale(1.1);transition:all .3s ease-in-out}.burgerMenuButton:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#ffebfe;transition:width .3s ease-out}.burgerMenuButton:hover:after{width:100%}.burgerMenuButton--homepage{color:#07210d}.burgerMenuButton--homepage:after{background-color:#07210d}.burgerMenuButton--about{color:#ffd6fd}.burgerMenuButton--about:after{background-color:#ffd6fd}.burgerMenuButton--projects{color:#041107}.burgerMenuButton--projects:after{background-color:#041107}.burgerMenuButton--contact{color:#fff}.burgerMenuButton--contact:after{background-color:#fff}.burgerMenuButton--close{color:#ffd6fd}.burgerMenuButton--close:after{background-color:#ffd6fd}.burgerMenu{position:fixed;bottom:-150%;left:0;background:#07210d;width:100dvw;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;transition:transform .7s ease-in-out}.burgerMenu.open{transform:translateY(-150%)}.burgerMenuNav{display:flex;flex-flow:column nowrap;justify-content:space-between;width:90%;height:30%}.burgerMenuNav a{text-decoration:none;color:#ffd6fd;font-family:GrandSlang-Roman,serif;font-size:2rem;height:100%;transition:all .3s ease-in-out;text-align:end;transition:color .3s,filter .3s}.burgerMenuNav:hover .burgerMenuNavLink{color:#041107;transition:all .5s ease-in-out}.burgerMenuNav .burgerMenuNavLink:hover{color:#ffd6fd;transform:translate(-1%);transition:all .5s ease-in-out}.burgerMenuNav:hover a{color:#041107;transition:all .5s ease-in-out}.burgerMenuNav a:hover{color:#ffd6fd;transform:translate(-1%);transition:all .5s ease-in-out}.burgerMenuNavBar{margin:-50px 0;height:1px;width:100%;background-color:#ffd6fd}.burgerMenuNavLink{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:flex-start;color:#ffd6fd;font-family:PP Neue Montreal,sans-serif;font-size:1rem}@media (min-width: 750px){.burgerMenuNav a{font-size:5rem}.burgerMenuNav{height:60%}}@media (min-width: 1023px){.burgerMenuNav a{text-align:end;font-size:7rem}.burgerMenuNav{height:65%}}@media (min-width: 2000px){.burgerMenuButton{font-size:1.5rem}}@media (min-width: 2500px){.burgerMenuButton{font-size:2rem}.burgerMenuNav a{text-align:end;font-size:10rem;height:100%}.burgerMenuNav p{font-size:2rem}.burgerMenuNav{height:75%}}.projectContainer{background-color:#76502d;color:#ffd6fd;background-color:#6c6ea0;font-family:Urbanist,sans-serif;min-height:100dvh;transition:transform .5s ease-in-out;display:flex;flex-flow:column nowrap;gap:30px;padding-bottom:100px}.projectContainer--title{font-family:GrandSlang-Roman,serif;font-size:2.8rem;color:#6c6ea0;text-align:center;background-color:#212531;height:62dvh;display:flex;justify-content:center;align-items:center;animation:slideTitle 1.5s forwards}.descriptionOfProject,.anecdote{font-size:1.4rem;font-family:GrandSlang-Roman,serif;padding:0 32px}.projectMeta{display:flex;flex-flow:column nowrap;justify-content:space-around;gap:15px;padding:0 32px}.roleTitle,.technologiesUsedTitle,.responsibilitiesTitle,.urlWebsiteTitle{color:#fff;font-size:1.4rem;text-decoration:underline;font-weight:200;letter-spacing:3px}.urlWebsite,.responsibilities,.technologieUsed,.role{text-decoration:none;color:#ffd6fd;font-size:1rem}.url_picture1,.url_picture2,.url_picture3,.url_picture4{width:100%}.descriptionOfRole,.descriptionOfFeature,.descriptionOfCollaboration,.descriptionOfEnd{padding:0 16px;font-size:1rem}.anecdote{text-align:center;font-size:1.6rem;font-family:GrandSlang-Roman,serif;padding:32px}@media (min-width: 1023px){.projectContainer--title{font-size:6rem;height:96dvh;padding:100px 32px 0;margin:0 80px}.descriptionOfProject{font-size:2.4rem;padding:100px 180px}.projectMeta{flex-flow:row nowrap;padding:100px 80px}.urlWebsiteContainer,.responsibilitiesContainer,.technologieUsedContainer,.roleContainer{width:23%}.descriptionOfRole,.descriptionOfFeature,.descriptionOfCollaboration,.descriptionOfEnd{padding:50px 140px;text-align:center;font-size:1.3rem;letter-spacing:1px;line-height:1.8}}@media (min-width: 2500px){.projectContainer--title{font-size:8rem}.descriptionOfProject,.projectMeta h3{font-size:3rem}.projectMeta p,.projectMeta a{font-size:1.8rem}.descriptionOfRole,.descriptionOfFeature,.descriptionOfCollaboration,.descriptionOfEnd{font-size:2rem}.anecdote{font-size:3rem}}@keyframes slideTitle{0%{translate:0 -100%}to{translate:0}}.loadingPage{display:flex;justify-content:center;align-items:center;height:100dvh;width:100dvw;background-color:#76502d}.loader{width:180px;height:50px;display:flex;color:#8d7958;filter:drop-shadow(30px 25px 0 currentColor) drop-shadow(60px 0 0 currentColor) drop-shadow(120px 0 0 currentColor);clip-path:inset(0 100% 0 0);animation:l12 2s infinite steps(7)}.loader:before{content:"";width:30px;height:25px;--c:no-repeat radial-gradient(farthest-side,currentColor 92%,#0000);background:var(--c) left/70% 70%,var(--c) right/20% 20%,var(--c) top 0 right 15%/20% 20%,var(--c) bottom 0 right 15%/20% 20%}@keyframes l12{to{clip-path:inset(0 -30px 0 0)}}