body{background-image:url(/assets/background-purple-8DlBYKlC.webp);background-repeat:repeat;background-attachment:fixed;font-family:Readex Pro,sans-serif;color:#fff;margin:9em auto 0;box-sizing:border-box}main{overflow-x:hidden;display:flex;flex-direction:column;align-items:center;margin:0;padding:0}section{margin-bottom:6em}@media (max-width: 426px){section{margin-bottom:3em}}h1{font-size:4em;margin:.8em 0;padding:0 5px;text-align:center}@media (max-width: 1025px){h1{font-size:3em}}@media (max-width: 321px){h1{font-size:2.5em}}h2{font-size:3.5em;text-align:center}@media (max-width: 426px){h2{font-size:2.5em}}h3{color:#69648d;text-align:start;margin:0;padding:0}p{margin:0}a{cursor:pointer}blockquote{display:flex;flex-direction:column;text-align:center;width:70%;font-family:Marcellus,serif;font-size:2.5em;border-bottom:2px solid white;padding:1em;margin:2.5em auto 0}@media (max-width: 426px){blockquote{font-size:2em;margin-top:1em}}form{background-image:url(/assets/background-light-BeLTs9nD.webp);display:flex;flex-direction:column;gap:1.5em;padding:1.2em;border:none;border-radius:5px}label{color:#000;margin-bottom:-.5em}@media (max-width: 426px){label{margin-bottom:-.8em}}input{border:none;border-radius:8px;padding:.5em}input:focus{outline:none;box-shadow:0 0 10px #69648d}textarea{border:none;resize:none;border-radius:8px;padding:.5em}@media (max-width: 426px){textarea{height:7em}}textarea:focus{outline:none;box-shadow:0 0 10px #69648d}button{color:#fff;font-size:1em;font-weight:600;background-image:url(/assets/background-purple-8DlBYKlC.webp);width:7em;height:3em;border:none;border-radius:8px;margin-top:2em;cursor:pointer;transition:box-shadow .2s ease-in-out,transform .1s ease-in-out}button:hover{box-shadow:0 0 4px #69648d;transform:scale(1.07)}button:active{transform:scale(.8)}button:disabled{cursor:not-allowed;opacity:.5}.about{display:flex;margin:3em auto 0;padding:2em;width:60%;background-image:url(/assets/background-light-BeLTs9nD.webp);background-repeat:repeat;color:#000;text-align:justify;align-items:center;border-radius:80px 15px;box-shadow:0 0 4px #fff;gap:2.5em}.introduction-container{width:100%;text-align:center}.introduction{font-size:1.8em;margin:2em 2em 1em}@media (max-width: 426px){.introduction{font-size:1.2em}}.error-style{font-size:1em;border:1px solid red;box-shadow:0 0 5px red;color:red}.error-warning{color:red;margin-top:-1em}.loading{width:100%;height:100%;display:flex;justify-content:center;margin-bottom:-2em}.loading-dot{background-color:#69648d;border-radius:100%;border:4px solid #69648d;margin:0 7px}.loading-dot:nth-child(1){animation:preloader .6s ease-in-out alternate infinite}.loading-dot:nth-child(2){animation:preloader .6s ease-in-out alternate .2s infinite}.loading-dot:nth-child(3){animation:preloader .6s ease-in-out alternate .4s infinite}@keyframes preloader{to{transform:scale(2)}}.success-message{color:green;text-align:center;margin-bottom:-2em}.send-button{align-self:center}.social-links{display:flex;justify-content:center;width:10em;margin:1.5em}@media (max-width: 1025px){.social-links{margin-right:1.5vw}}.social-links ul{display:flex;padding:0;margin:0;gap:2em}@media (max-width: 1025px){.social-links ul{gap:3.2vw}}.social-links ul li{list-style:none}.social-links ul li a{font-size:2em;color:#69648d;transition:transform .2s ease-in-out,color .2s ease-in-out}@media (max-width: 769px){.social-links ul li a{font-size:4vw}}@media (max-width: 426px){.social-links ul li a{font-size:5vw}}.social-links ul li a:hover{color:#fff}@media (max-width: 426px){.header-social-links{display:none}}.footer-social-links{position:absolute;width:auto;margin-right:0;right:2%}@media (max-width: 1025px){.footer-social-links{right:2.2%}}@media (max-width: 426px){.footer-social-links{right:3.5%}}.footer{height:5.2em;width:100%;display:flex;align-items:center;justify-content:space-between;background-color:#000;box-shadow:0 0 10px #fff}.my-logo{height:4em;margin:.7em 1.3em}@media (max-width: 321px){.my-logo{margin-left:1em}}.year-and-name{display:flex;position:absolute;left:50%;transform:translate(-50%);gap:2em}@media (max-width: 1025px){.year-and-name{gap:3vw}}@media (max-width: 769px){.year-and-name{font-size:2vw}}@media (max-width: 426px){.year-and-name{font-size:4vw;gap:2vw}}@media (max-width: 321px){.year-and-name{font-size:4.5vw}}.current-year{font-size:2em}@media (max-width: 426px){.current-year{font-size:1em}}.firstname-lastname{font-size:2em;white-space:nowrap}@media (max-width: 426px){.firstname-lastname{font-size:1em}}.header{height:6em;transition:height .2s ease;width:100%;position:fixed;top:0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid white;box-shadow:0 0 20px #fff;-webkit-backdrop-filter:brightness(50%) blur(1px);backdrop-filter:brightness(50%) blur(1px);z-index:10}.is-scrolled{height:5.2em}.logo{display:flex;width:3.5em;margin:0 8.3em 0 1.5em}@media (max-width: 1025px){.logo{margin-right:14vw}}@media (max-width: 426px){.logo{margin-right:12vw}}@media (max-width: 321px){.logo{margin-left:1.2em;margin-right:8vw}}@media (max-width: 1025px){.menu{margin-left:-4vw}}@media (max-width: 426px){.menu{margin-right:6vw}}.menu ul{display:flex;padding:0;gap:8vw}@media (max-width: 1025px){.menu ul{gap:5vw}}@media (max-width: 426px){.menu ul{margin-right:2em}}.menu ul li{list-style:none;white-space:nowrap}.menu ul li a{font-size:1.8em;font-weight:500;background-image:-webkit-linear-gradient(left,white 25%,#c1b4ff 37.5%,#8972fe,#5e3dff 62.5%,#69648d 75%);background-image:linear-gradient(90deg,#fff 25%,#c1b4ff 37.5%,#8972fe,#5e3dff 62.5%,#fff 75%);background-position:right center;background-size:400% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 1025px){.menu ul li a{font-size:3vw}}@media (max-width: 426px){.menu ul li a{font-size:4.3vw}}@media (max-width: 321px){.menu ul li a{font-size:4.5vw}}.menu ul li a:hover{background-position:left center;color:#3f19ff;transition:background-position .25s ease-out}.project-container{height:30vw;width:94vw;margin:auto;display:flex;gap:2.5vw;padding:1.5em;box-shadow:0 0 4px #fff;border-radius:10px;background-image:url(/assets/background-light-BeLTs9nD.webp)}@media (max-width: 1025px){.project-container{height:40vw}}@media (max-width: 769px){.project-container{height:37.5vw}}@media (max-width: 426px){.project-container{flex-direction:column;width:80vw;height:auto;gap:1em;padding:.5em 1.5em}}.project-container.reverse{flex-direction:row-reverse}@media (max-width: 426px){.project-container.reverse{flex-direction:column}}.see-more{color:#fff;cursor:pointer}.see-more:hover .overlay-text{opacity:1}.screenshot-container{height:100%;transition:transform .2s ease-in-out}.screenshot-container:hover{transform:scale(1.01)}.screenshot-container:hover .picture{filter:brightness(40%)}.picture{height:100%;border-radius:10px;border:2px solid #69648d;box-shadow:10px 10px 25px -10px #000;transition:filter .2s ease-in-out}@media (max-width: 426px){.picture{border-radius:5px;box-shadow:10px 10px 10px -10px #000;width:100%;height:auto}}@media (max-width: 769px){.picture{box-shadow:10px 10px 17px -10px #000}}.picture.reverse{box-shadow:-10px 10px 25px -10px #000}@media (max-width: 426px){.picture.reverse{border-radius:5px;box-shadow:-10px 10px 10px -10px #000}}@media (max-width: 769px){.picture.reverse{box-shadow:-10px 10px 17px -10px #000}}.overlay-text{font-size:2.5em;white-space:nowrap;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s ease-in-out}@media (max-width: 426px){.overlay-text{font-size:2em}}.presentation-and-tools{display:flex;gap:2.5vw}@media (max-width: 1025px){.presentation-and-tools{flex-direction:column;justify-content:space-around;gap:1vw}}.presentation-and-tools.reverse{flex-direction:row-reverse}@media (max-width: 1025px){.presentation-and-tools.reverse{flex-direction:column}}.presentation{display:flex;height:100%;width:50%;flex-direction:column;justify-content:space-evenly}@media (max-width: 1025px){.presentation{width:auto;gap:2.5vw}}.title{font-size:3.5vw;margin-top:-2vw}@media (max-width: 426px){.title{display:none}}.title.reverse{text-align:end}.title-mobile{display:none}@media (max-width: 426px){.title-mobile{display:flex;align-self:center;font-size:1.8em}}@media (max-width: 321px){.title-mobile{font-size:1.5em}}.summary{font-size:2.5vw;font-weight:600;color:#000}@media (max-width: 426px){.summary{font-size:1.3em;text-align:center;margin-bottom:.5em}}.summary.reverse{text-align:end}@media (max-width: 426px){.summary.reverse{text-align:center}}.tools{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-around;align-items:center}@media (max-width: 1025px){.tools{flex-direction:row}}.tools .html-logo{color:#e44d26;font-size:7em;margin:2.2vw;font-size:8vw}@media (max-width: 426px){.tools .html-logo{font-size:15vw}}.tools .css-logo{color:#2d53e5;font-size:7em;margin:2.2vw;font-size:8vw}@media (max-width: 426px){.tools .css-logo{font-size:15vw}}.tools .js-logo{color:#c6b31f;font-size:7em;margin:2.2vw;font-size:8vw}@media (max-width: 426px){.tools .js-logo{font-size:15vw}}.tools .lighthouse-logo{width:8em;margin:2vw;width:35%}@media (max-width: 426px){.tools .lighthouse-logo{width:23%}}.tools .wave-logo{width:8em;margin:2vw;width:35%}@media (max-width: 426px){.tools .wave-logo{width:23%}}.tools .react-logo{color:#1082a7;font-size:7em;margin:2.2vw;font-size:7.9vw}@media (max-width: 426px){.tools .react-logo{font-size:15vw}}.tools .sass-logo{color:#ce6b9c;font-size:7em;margin:2.2vw;font-size:7.9vw}@media (max-width: 426px){.tools .sass-logo{font-size:15vw}}.tools .node-logo{color:#58a149;font-size:7em;margin:2.2vw;font-size:8vw}@media (max-width: 426px){.tools .node-logo{font-size:15vw}}.tools .mongodb-logo{width:4em;margin:2.2vw;width:15%}@media (max-width: 426px){.tools .mongodb-logo{width:13%}}.tools .express-logo{width:12em;margin:2vw;width:50%}.tools .typescript-logo{width:6em;margin:2vw;width:8vw}@media (max-width: 1025px){.tools .typescript-logo{width:20%;margin:1vw}}.tools .mern-logo{width:15.9em;margin:2vw;width:90%}@media (max-width: 1025px){.tools .mern-logo{width:59%;margin:1vw}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#08061cc8;z-index:100}.modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#0d0b0c;display:flex;justify-content:center;flex-direction:column;padding:20px;border-radius:10px;border:none;box-shadow:0 0 5px #fff;z-index:1000;width:70%;height:75%;overflow-y:auto}@media (max-width: 1025px){.modal{justify-content:flex-start}}@media (max-width: 426px){.modal{width:75%}}.modal-content{padding:2vw 2em}@media (max-width: 769px){.modal-content{overflow-y:auto;padding:2em}}.modal-content .fa-solid{font-size:1.5em;margin:0;position:absolute;top:2%;right:2%;cursor:pointer}@media (max-width: 769px){.modal-content .fa-solid{font-size:1em}}.image-and-details{display:flex}@media (max-width: 1025px){.image-and-details{flex-direction:column;gap:1em}}.responsive-illustration{height:22vw;padding-bottom:1.5em}@media (max-width: 1025px){.responsive-illustration{width:30em;height:auto;margin:-1em auto 0;padding:0}}@media (max-width: 769px){.responsive-illustration{width:90%;height:auto;margin-top:-1.5em}}@media (max-width: 426px){.responsive-illustration{width:100%;height:auto}}.details{font-size:1.35vw;margin-left:1em;overflow-y:auto}@media (max-width: 1025px){.details{font-size:2vw;text-align:justify;margin:0}}@media (max-width: 769px){.details{font-size:2.5vw}}@media (max-width: 426px){.details{font-size:.75em}}.details .purple{color:#69648d}@media (max-width: 1025px){.details .purple{display:block;text-align:center;margin-bottom:-1em}}.links-container{display:flex;gap:3em;margin-top:-2em}@media (max-width: 1025px){.links-container{margin-top:1em;justify-content:space-evenly}}@media (max-width: 769px){.links-container{position:static;justify-content:space-around;margin:5px}}.link-wrapper{margin-top:1.5em;transition:transform .1s ease-in-out}.link-wrapper:hover{transform:scale(1.06)}.link{color:#fff;white-space:nowrap;text-decoration:none;background-color:#69648d;font-size:1.1vw;width:fit-content;padding:.5em;border-radius:5px}@media (max-width: 1025px){.link{font-size:1.5vw}}@media (max-width: 769px){.link{font-size:1.8vw}}@media (max-width: 426px){.link{font-size:3vw}}.ReactModal__Overlay{opacity:0;transition:opacity .6s ease-in-out}.ReactModal__Overlay--after-open{opacity:1}.ReactModal__Overlay--before-close{opacity:0}.skills-container{display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;background-image:url(/assets/background-light-BeLTs9nD.webp);box-shadow:0 0 4px #fff}.skills-container .html-logo{color:#e44d26;font-size:7em;margin:2.2vw}@media (max-width: 769px){.skills-container .html-logo{font-size:5em}}@media (max-width: 426px){.skills-container .html-logo{font-size:3em}}.skills-container .css-logo{color:#2d53e5;font-size:7em;margin:2.2vw}@media (max-width: 769px){.skills-container .css-logo{font-size:5em}}@media (max-width: 426px){.skills-container .css-logo{font-size:3em}}.skills-container .js-logo{color:#c6b31f;font-size:7em;margin:2.2vw}@media (max-width: 769px){.skills-container .js-logo{font-size:5em}}@media (max-width: 426px){.skills-container .js-logo{font-size:3em}}.skills-container .sass-logo{color:#ce6b9c;font-size:7em;margin:2.2vw}@media (max-width: 769px){.skills-container .sass-logo{font-size:5em}}@media (max-width: 426px){.skills-container .sass-logo{font-size:3em}}.skills-container .react-logo{color:#1082a7;font-size:7em;margin:2.2vw}@media (max-width: 769px){.skills-container .react-logo{font-size:5em}}@media (max-width: 426px){.skills-container .react-logo{font-size:3em}}.skills-container .node-logo{color:#58a149;font-size:7em;margin:2.2vw}@media (max-width: 769px){.skills-container .node-logo{font-size:5em}}@media (max-width: 426px){.skills-container .node-logo{font-size:3em}}.skills-container .mongodb-logo{width:4em;margin:2.2vw}@media (max-width: 769px){.skills-container .mongodb-logo{width:2.5em}}@media (max-width: 426px){.skills-container .mongodb-logo{width:1.6em}}.skills-container .express-logo{width:12em;margin:2vw}@media (max-width: 769px){.skills-container .express-logo{width:8em}}@media (max-width: 426px){.skills-container .express-logo{width:4em}}.skills-container .typescript-logo{width:6em;margin:2vw}@media (max-width: 769px){.skills-container .typescript-logo{width:4.3em}}@media (max-width: 426px){.skills-container .typescript-logo{width:2.6em}}.about{display:flex;margin:3em auto 0;padding:2em;width:60%;background-image:url(/assets/background-light-BeLTs9nD.webp);background-repeat:repeat;color:#000;text-align:justify;align-items:center;border-radius:80px 15px;box-shadow:0 0 4px #fff;gap:2.5em}@media (max-width: 1025px){.about{width:70%}}@media (max-width: 769px){.about{width:80%;flex-direction:column;text-align:center}}@media (max-width: 426px){.about{width:100%;padding:2em 0;flex-direction:column;border-radius:0;text-align:center}}.headline{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5em}@media (max-width: 769px){.headline{gap:3em}}@media (max-width: 426px){.headline{gap:2em}}.profile-pic{width:10em}.about-me-title{font-size:2em;font-weight:600;line-height:1em;text-align:center}@media (max-width: 769px){.about-me-title{font-size:2.5em}}.presentation-text{font-size:1.3em}@media (max-width: 426px){.presentation-text{font-size:1em;padding:1em}}.openclassrooms{color:#7451eb;margin-left:7px;text-decoration:none;cursor:pointer}.author{text-align:left;margin-top:1em}#my-projects{padding:0 2em}@media (max-width: 426px){#my-projects{padding:0 1em}}#my-projects .projects-items{display:grid;gap:6em}@media (max-width: 426px){#my-projects .projects-items{gap:3em}}#my-skills{width:100%}#contact{width:40%}@media (max-width: 1025px){#contact{width:50%}}@media (max-width: 769px){#contact{width:60%}}@media (max-width: 426px){#contact{width:90%}}.big404{font-size:15em}@media (max-width: 426px){.big404{font-size:12em}}@media (max-width: 321px){.big404{font-size:9em}}.description{font-size:2em;margin-bottom:2em}@media (max-width: 426px){.description{font-size:1.2em}}@media (max-width: 321px){.description{font-size:15px}}.back-home{color:#fff;font-size:1.2em}