:root,[data-theme=dark]{--bg-color:#000;--text-color:#fff;--primary-color:#1e90ff}[data-theme=light]{--bg-color:#fff;--text-color:#000;--primary-color:#007bff}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;background-color:var(--bg-color);color:#fff;color:var(--text-color);font-family:Suisse,sans-serif;font-size:16px;font-weight:400;margin:0}a{color:inherit;text-decoration:none}@media (max-width:800px){body{font-size:14px}}.App{height:100%;width:100%;.primary{color:#da124e}}.homepage{justify-content:center;overflow:hidden;position:relative;scroll-behavior:smooth;width:100%;z-index:2}.homepage,.homepage .container-homepage{align-items:center;background-color:#000;display:flex;flex-direction:column;height:100%}.homepage .container-homepage{box-sizing:border-box;color:#eee;padding-inline:20px;width:1000px}@media(max-width:1000px){.homepage .container-homepage{width:100%}}.Hook{display:flex;flex-wrap:wrap;min-height:100vh;position:relative;width:100%}.Hook .container-slideIn{display:flex;flex-direction:column;overflow:hidden}.Hook .animation-gif{left:50%;max-width:800px;min-width:400px;position:absolute;top:25%;transform:translate(-50%,-50%);width:600px}.Hook .title-container{left:50%;position:absolute;top:15%;transform:translate(-50%);width:max-content;z-index:2}.Hook .title-container .title{font-family:JetBrains Mono,monospace;font-size:90px;font-weight:800;letter-spacing:-8px;line-break:strict;line-height:100%;word-break:keep-all;z-index:1}.Hook .description-container{align-items:center;align-self:self-end;box-sizing:border-box;display:flex;flex:1 1;height:50%;justify-content:flex-start;margin:50px;z-index:2}.Hook .description-container .description{color:#fff;display:flex;flex-direction:column;font-family:Poppins,serif;font-size:35px;font-weight:400;gap:20px;line-height:1.1;max-width:80%;white-space:normal}.Hook .description-container .description .container-donnees{display:flex;justify-content:space-between}.Hook .description-container .description .container-donnees .donnees{display:flex;flex-direction:column}.Hook .description-container .description .container-donnees .donnees .chiffre{font-size:70px;font-weight:600}.Hook .description-container .description .container-donnees .donnees .libelle{color:#777;font-size:25px}.Hook .description-container .description .buttons{align-items:center;display:flex;font-size:22px;gap:20px;justify-content:flex-start}.Hook .description-container .description .buttons .click{color:#777}.Hook .description-container .description .buttons .button-contact{background-color:#eee;border-radius:8px;color:#000;cursor:pointer;padding-block:10px;padding-inline:20px;text-align:center;width:350px}.Hook .description-container .description .buttons .button-contact .libelle-contact{display:none}.Hook .description-container .description .buttons .button-contact .active{display:block}.Hook .description-container .description .buttons .button-contact:hover{opacity:.8}.Hook .description-container .description .buttons .button-projects{background-color:#222;border-radius:8px;color:#eee;cursor:pointer;padding-block:10px;padding-inline:20px}.Hook .description-container .description .buttons .button-projects:hover{opacity:.8}.Hook .popUp-contact{background-color:#222;height:50%;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);width:50%;z-index:10}.Hook .popUp-contact .mail .copy{height:25px}@media(max-width:1000px){.Hook .title-container .title{font-size:80px}}@media(max-width:800px){.Hook{min-height:100vh}.Hook .title-container{width:min-content}.Hook .title-container .title{font-size:70px}.Hook .description-container{margin:initial;margin-block:20px}.Hook .description-container .description{font-size:25px;max-width:100%}.Hook .description-container .description .container-donnees{display:flex;justify-content:space-between}.Hook .description-container .description .container-donnees .donnees{display:flex;flex-direction:column}.Hook .description-container .description .container-donnees .donnees .chiffre{font-size:40px;font-weight:600}.Hook .description-container .description .container-donnees .donnees .libelle{color:#777;font-size:18px}.Hook .description-container .description .buttons{font-size:18px}.Hook .description-container .description .buttons .button-contact{width:250px}}.presentation{align-items:center;box-sizing:border-box;display:flex;flex-grow:1;justify-content:space-between;min-height:100vh;position:relative;width:100%}.presentation .container-slideIn{display:flex;flex-direction:column;overflow:hidden}.presentation .image-container{display:inline-block;height:50vh;overflow:hidden;position:relative}.presentation .image-container .image{height:100%;object-fit:contain;width:100%}.presentation .histoire-container{align-items:flex-start;box-sizing:border-box;color:#ddd;display:flex;flex-direction:column;font-family:Poppins,serif;font-size:40px;font-weight:400;justify-content:center;line-break:strict;line-height:1.1;padding:30px;width:50%;word-break:keep-all}.presentation .histoire-container .title{color:#fff;display:flex;flex-direction:column;font-size:60px;font-weight:500}.presentation .histoire-container .button-projects{background-color:#222;border-radius:8px;color:#eee;cursor:pointer;font-size:22px;opacity:1;padding-block:10px;padding-inline:20px}.presentation .histoire-container .button-projects:hover{background-color:#333}@media(max-width:1000px){.presentation{flex-direction:column;min-height:100vh;padding-top:60px}.presentation .image-container{height:60%;margin-block:20px}.presentation .histoire-container{box-sizing:border-box;font-size:8vw;padding:20px;width:100%}.presentation .histoire-container .title{font-size:40px}}.scroll-icons-container{display:flex;overflow:hidden;padding-block:20px;width:120vw}.scroll-icons-container .icon-container{display:flex;flex:1 1;justify-content:center}.scroll-icons-container .icon-container .icon{height:10vh}@media(max-width:800px){.scroll-icons-container{display:flex;width:200vw}.scroll-icons-container .icon-container{display:flex;flex:1 1;justify-content:center}.scroll-icons-container .icon-container .icon{height:7vh}}.Experiences{box-sizing:border-box;display:flex;flex-direction:column;height:100%;margin-block:50px;width:100%}.Experiences .container-choices{color:#555;display:flex;font-size:20px;font-weight:600;gap:20px;margin-block:80px;position:relative}.Experiences .container-choices .choice-aca,.Experiences .container-choices .choice-pro{cursor:pointer;padding-block:5px;text-align:center;width:140px}.Experiences .container-choices .active{color:#fff}.Experiences .container-choices .underline{background-color:#da124e;bottom:-2px;height:2px;left:0;position:absolute;transition:transform .3s ease-in-out;width:140px}.Experiences .container-choices .left{transform:translateX(0)}.Experiences .container-choices .right{transform:translateX(160px)}.Experiences .background{display:flex;position:relative;width:200%}.Experiences .background .background-aca,.Experiences .background .background-exp{align-items:center;display:flex;flex-direction:column;gap:50px;width:50%}.Experiences .card{width:100%}@media(max-width:800px){.Experiences{box-sizing:border-box;padding:20px;width:100%}}.Experience{border-radius:8px;box-sizing:border-box;display:flex;gap:20px;height:100%;width:100%}.Experience .logo{background-color:#fff;border-radius:8px;height:100px;width:100px}.Experience .container-body{display:flex;flex-direction:column;font-size:20px;gap:20px;height:100%;justify-content:space-between;width:100%}.Experience .container-body .container-top{display:flex;flex-direction:column;gap:5px}.Experience .container-body .container-top .title{font-size:28px;font-weight:600;margin:0;text-transform:uppercase}.Experience .container-body .container-top .date{color:#888;font-size:16px}.Experience .container-body .description{color:#888;font-size:18px;white-space:pre-line}.Experience .container-body .skills{display:flex;flex-wrap:wrap;gap:20px;opacity:.8}.Experience .container-body .skills .skill{border:1px solid #fff;border-radius:30px;font-size:12px;padding:3px;padding-inline:12px}@media(max-width:800px){.Experience{border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;height:100%;width:100%}.Experience .logo{background-color:#fff;border-radius:8px;height:100px;width:100px}.Experience .container-body{display:flex;flex-direction:column;font-size:20px;gap:20px;height:100%;justify-content:space-between;width:100%}.Experience .container-body .container-top .title{font-size:24px}.Experience .container-body .skills{display:flex;flex-wrap:wrap;gap:10px;opacity:.8}.Experience .container-body .skills .skill{border:1px solid #fff;border-radius:30px;font-size:12px;padding:3px;padding-inline:12px}}.Projects{box-sizing:border-box;display:flex;flex-direction:column;gap:20px;margin-block:50px;padding-block:50px;width:100%}.Projects .container-slideIn{display:flex;flex-direction:column;overflow:hidden}.Projects .container-project{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;width:100%}.Projects .title{color:#fff;font-family:Poppins,serif;font-size:60px;font-weight:500}@media(max-width:1000px){.Projects .title{font-size:40px}}.Project{border-radius:4px;cursor:pointer;height:200px;overflow:hidden;position:relative;width:300px}.Project .bg{filter:saturate(0);height:100%;opacity:.1;transition:opacity 1s,transform 1s,filter 1s;width:100%}.Project .mask{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;text-align:center;top:0;width:100%}.Project .mask .title-light{color:#f5f5f5}.Project .mask .title-dark{color:#222}.Project .mask .title{font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:40px;transition:opacity 1s}.dark{background-color:#222}.light{background-color:#ccc}.Project:hover .bg{filter:saturate(1);opacity:1;transform:scale3d(1.1,1.1,1)}.Project:hover .title{opacity:0}.Footer{height:400px;position:relative;width:100%}.Footer .footer-content{align-items:center;background:linear-gradient(140deg,#000 70%,#da124e);box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:20px;width:100%}.Footer .footer-content .title{color:#f5f5f5;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:120px}.Footer .footer-content .contact{font-size:20px}.Footer .footer-content .contact,.Footer .footer-content .contact .mail{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.Footer .footer-content .contact .copy{cursor:pointer;height:20px}.Footer .footer-content .contact .copy:hover{opacity:.7}.Footer .footer-content .socials{display:flex;gap:20px}.Footer .footer-content .socials .icon{cursor:pointer;height:40px}.Footer .footer-content .socials .icon:hover{opacity:.7}.Footer .footer-content .madeBy{display:flex;gap:10px;justify-content:center;text-align:center}@media(max-width:1000px){.Footer .footer-content .title{font-size:90px}}@media(max-width:800px){.Footer .footer-content{align-items:start}.Footer .footer-content .title{font-size:50px}}.TypeingText:after{animation:blink .7s infinite;content:"|"}@keyframes blink{50%{opacity:0}}.header{box-sizing:border-box;color:var(--color-neutral);height:80px;justify-content:space-between;opacity:.9;padding:25px;position:fixed;top:0;width:100%;z-index:10}.header,.header .name{align-items:center;display:flex}.header .name{cursor:pointer;font-size:20px;gap:10px;text-align:start}.header .name .logo{height:30px}.header .container-menu{display:flex;gap:50px}.header .container-menu .item{cursor:pointer}.header .container-menu .item:hover{color:var(--color-contrast)}@media(max-width:800px){.header .header-container .container-menu{gap:20px}}.language-picker{display:inline-block;position:relative}.dropdown-button{align-items:center;background-color:#0000;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:16px;gap:10px;padding:10px 15px}.dropdown-button .icon-language{height:22px}.dropdown-menu{background:#ffffff1a;border:1px solid #ccc;border-radius:5px;box-shadow:0 4px 6px #0000001a;left:0;list-style:none;margin:5px 0;min-width:120px;padding:0;position:absolute;top:100%}.dropdown-menu li{cursor:pointer;padding:10px;transition:background .2s}.dropdown-menu li:hover{background:#fff3}.Introduction{height:100vh;margin:0;overflow:hidden;padding:0;position:relative;width:100%}.Introduction .mask{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000004d;height:100%;left:0;position:absolute;top:0;width:100%}.Introduction .container-image{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:100%;overflow:hidden;width:100%}.Introduction .container-image .top-left{background-image:url(/static/media/home-image_1.c4fccd49d833b9dbd7f5.webp);background-position:100% 100%;background-repeat:no-repeat;background-size:cover}.Introduction .container-image .top-right{background-image:url(/static/media/home-image_2.561dd372fd12d6fded61.webp);background-position:0 100%;background-repeat:no-repeat;background-size:cover}.Introduction .container-image .bottom-left{background-image:url(/static/media/home-image_3.6a7c25d24c42af5fe959.webp);background-position:100% 0;background-repeat:no-repeat;background-size:cover}.Introduction .container-image .bottom-right{background-image:url(/static/media/home-image_4.b9bd30b2b9ede7ad58c4.webp);background-position:0 0;background-repeat:no-repeat;background-size:cover}.Introduction .container-text{align-items:center;display:flex;flex-direction:column;gap:15px;height:100%;justify-content:center;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.Introduction .container-text .titre{color:#f5f5f5;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:120px;z-index:2}.Introduction .container-text .desc{color:#bbb;font-size:20px;text-align:center;z-index:2}.Introduction .container-text .decouvrir{background-color:#ccc;border-radius:8px;color:#111;cursor:pointer;font-size:25px;opacity:.7;padding-block:5px;padding-inline:15px;pointer-events:auto;position:relative;transition:opacity .2s ease;z-index:2}.Introduction .container-text .decouvrir:hover{opacity:.9}@media(max-width:1000px){.Introduction .container-text .titre{font-size:90px;max-width:90%}}@media(max-width:800px){.Introduction .container-text .titre{font-size:50px;max-width:90%}}.container-ProjectDetail{align-items:center;background-color:#000;height:100%;justify-content:center;min-height:100vh;position:relative;scroll-behavior:smooth;width:100%;z-index:2}.container-ProjectDetail,.container-ProjectDetail .container-slideIn{display:flex;flex-direction:column;overflow:hidden}.container-ProjectDetail .ProjectDetail{align-items:start;background-color:#000;box-sizing:border-box;color:#eee;display:flex;flex-direction:column;gap:30px;height:100%;margin-top:80px;padding-inline:20px;width:1000px}.container-ProjectDetail .ProjectDetail .retour{background-color:#111;border-radius:8px;color:#eee;cursor:pointer;font-size:22px;padding-block:10px;padding-inline:20px}.container-ProjectDetail .ProjectDetail .retour:hover{background-color:#333}.container-ProjectDetail .ProjectDetail .title{color:#fff;font-family:Poppins,serif;font-size:55px;font-weight:500;line-height:1.1em}.container-ProjectDetail .ProjectDetail .container-role{display:flex;flex-direction:column;gap:5px;margin-top:30px}.container-ProjectDetail .ProjectDetail .container-role .company{font-size:25px}.container-ProjectDetail .ProjectDetail .container-role .role{color:#777;font-size:20px}.container-ProjectDetail .ProjectDetail .container-content{display:flex;gap:20px;justify-content:space-between;margin-top:50px;min-height:600px;width:100%}.container-ProjectDetail .ProjectDetail .container-content .container-desc{display:flex;flex-direction:column;gap:20px;width:400px}.container-ProjectDetail .ProjectDetail .container-content .container-desc .title{color:#fff;font-family:Poppins,serif;font-size:45px;font-weight:500}.container-ProjectDetail .ProjectDetail .container-content .container-desc .desc{color:#777;font-size:20px}.container-ProjectDetail .ProjectDetail .container-content .container-desc .container-techno{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.container-ProjectDetail .ProjectDetail .container-content .container-desc .container-techno .techno{background-color:#111;border-radius:4px;font-size:20px;padding-block:20px;padding-inline:30px}.container-ProjectDetail .ProjectDetail .container-content .container-image{position:relative}.container-ProjectDetail .ProjectDetail .container-content .container-image .image{height:518px;position:absolute;right:30px;top:-90px;width:240px}.container-ProjectDetail .ProjectDetail .container-content .container-image .iphone-mask{background-image:url(/static/media/iphone.fcee870cb87f09225a9b.png);background-position:0 0;background-repeat:no-repeat;background-size:300px 578px;display:flex;height:578px;position:absolute;right:0;top:-120px;width:300px;z-index:3}@media(max-width:1000px){.container-ProjectDetail .ProjectDetail{box-sizing:border-box;margin-block:80px;margin-inline:20px;width:100%}.container-ProjectDetail .ProjectDetail .title{font-size:40px}.container-ProjectDetail .ProjectDetail .container-content{flex-direction:column-reverse;margin-top:0}.container-ProjectDetail .ProjectDetail .container-content .container-desc{width:100%}.container-ProjectDetail .ProjectDetail .container-content .container-image{height:578px;width:100%}.container-ProjectDetail .ProjectDetail .container-content .container-image .image{left:50%;top:30px;transform:translate(-50%)}.container-ProjectDetail .ProjectDetail .container-content .container-image .iphone-mask{left:50%;top:0;transform:translate(-50%)}}
/*# sourceMappingURL=main.0d07c067.css.map*/