body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.light .click,.light .h5-menu,.light .nav-list li a{color:#25292e}.light .nav-list li a:before{color:#0000001a}.light .logo-home{background-image:url(/static/media/Logo-Black.62ec55823826b712f147.svg)}.light .projet-button{background-image:url(/static/media/Projet-Black.5043df6c058ba6fa0f7e.svg)}.light .cv-button{background-image:url(/static/media/Cv-Black.44c038aed289d8601838.svg)}.light .contact-button{background-image:url(/static/media/Contact-Black.9cb1621e954034e31ac1.svg)}.light .theme{background-image:url(/static/media/lune-black.515d1a7c54551cddd286.svg)}.light .nav-list{background:hsla(0,0%,100%,.483);border-radius:16px;box-shadow:0 4px 30px #ffffff1a}.dark .click,.dark .h5-menu,.dark .nav-list li a{color:#fff}.dark .nav-list li a:before{color:#ffffff1a}.dark .logo-home{background-image:url(/static/media/Logo-White.c40480c2e48805df9ce7.svg)}.dark .projet-button{background-image:url(/static/media/Projet-White.8ec763a7bd1472d03221.svg)}.dark .cv-button{background-image:url(/static/media/Cv-White.24ebbe414b23dd488acb.svg)}.dark .contact-button{background-image:url(/static/media/Contact-White.e256103a5a4e3b2c136b.svg)}.dark .theme{background-image:url(/static/media/soleil-white.e477447be341cd08451b.svg)}.dark .nav-list{background:rgba(0,0,0,.483);border-radius:16px;box-shadow:0 4px 30px #0000001a}.navbar{align-items:center;display:flex;justify-content:space-between;position:absolute;z-index:3}.menu-grid{display:grid;grid-template-columns:repeat(5,1fr)}.menu-grid,.nav-list{align-items:center;width:100vw}.nav-list{backdrop-filter:blur(11.9px);-webkit-backdrop-filter:blur(11.9px);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;margin:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease-in-out;visibility:hidden;z-index:2}.nav-list.loaded{visibility:visible}.nav-list.show{padding:0;transform:translateX(0)}.nav-list li{list-style:none;text-align:center}.nav-list li a{display:inline-flex;font-family:horizon_outlined;font-size:max(2vw,20px);font-weight:700;padding:15px 20px;text-decoration:none;transition:.5s}.nav-list li a:before{align-items:center;content:"";display:flex;font-size:2em;font-weight:900;justify-content:center;left:40%;letter-spacing:500px;opacity:0;padding-left:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:letter-spacing .5s,left .5s}.logo-menu{align-content:center;align-items:center;display:grid;grid-column:1/2;grid-template-columns:1fr 2fr;padding-left:4vh;padding-top:1vh;position:relative;transition:.3s;z-index:3}.contact-button,.cv-button,.logo-home,.projet-button,.theme{background-position:50%;background-repeat:no-repeat;background-size:cover;height:5rem;margin:auto;transition:.3s;width:5rem}.logo-home{grid-column:1/2}.click{font-family:danielbd;font-size:max(1.3rem,15px);left:0;opacity:0;position:absolute;transform:translateX(-100%);width:30vw}.click,.h5-menu{align-items:center}.h5-menu{font-family:horizon;font-size:max(1.3rem,10px);opacity:1;padding-left:1vw;transform:translateX(0);transition:.3s}.theme-button{display:grid;grid-column:5/6;justify-content:end;margin-right:0;padding-right:4vh;padding-top:1vh;z-index:3}.contact-button,.cv-button,.projet-button{display:none}@media(max-width:1000px){.navbar{bottom:0;padding-bottom:3rem;position:fixed;width:100%}.h5-menu{display:none}.logo-menu{align-items:center;grid-template-columns:none;justify-content:center;margin:0;padding:0}.contact-button,.cv-button,.logo-home,.projet-button,.theme{height:3rem;width:3rem}.theme-button{align-items:center;display:grid;justify-content:center;margin:0;padding:0}.contact-button,.cv-button,.projet-button{display:grid;justify-content:center;transition:.3s}}@media(min-width:1000px){.nav-list a:hover{font-family:horizon;padding-right:10vw}.logo-menu:hover .logo-home{transform:rotate(180deg);transition:.3s}.logo-menu:hover .click{align-items:center;grid-column:2/3;justify-content:center;opacity:1;padding-left:1vw;transform:translateX(0);transform:rotate(-5deg);transition:.3s;z-index:0}.logo-menu:hover{transform:scale(1.2)}.theme:hover{transform:scale(1.5);transition:.3s}.logo-menu:hover .h5-menu{align-items:center;left:0;opacity:0}.nav-list li a:hover:before{content:attr(data-text);left:50%;letter-spacing:10px;opacity:1;z-index:-1}}.grain{animation:bg-animation .2s infinite;background:#0000 url(http://assets.iceable.com/img/noise-transparent.png) repeat 0 0;background-repeat:repeat;bottom:-50%;left:-50%;opacity:.5;position:fixed;right:-50%;top:-50%;visibility:visible;z-index:0}@keyframes bg-animation{0%{transform:translate(0)}10%,50%,90%{transform:translate(-5%,-5%)}20%,40%,70%{transform:translate(-10%,5%)}30%,60%,80%{transform:translate(5%,-10%)}to{transform:translate(5%)}}.body-home{align-items:center;display:flex;height:100vh;justify-content:center}.line{background-color:#000}.bloc-txt-projets{width:40vw}.Background{bottom:0;height:100vw;left:0;pointer-events:none;position:fixed;right:0;top:0;width:100vw;z-index:-1}@font-face{font-family:Archivo Black;font-style:normal;src:local("Archivo Black"),url(https://fonts.cdnfonts.com/s/15376/ArchivoBlack-Regular.woff) format("woff")}li,p{font-family:TT Chocolates,sans-serif}h1,h2,h3{font-family:Archivo Black,sans-serif;text-align:center;text-transform:uppercase}h1{margin-top:2em}h3{color:#fff}ul{margin:.5em}.light .resume-container{box-shadow:0 0 40px #000}.dark .resume-container{box-shadow:0 0 40px #ffffff80}.container{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}.resume-container{aspect-ratio:21/29.7;display:grid;grid-template-columns:38% 62%;z-index:1}.resume-part-1{align-items:center;background-color:#f4a92c;display:grid;grid-column:1/2;height:100%;justify-content:center}.resume-part-1 img{height:100%;object-fit:cover;width:100%}.resume-part-1 h2{margin:0 0 2rem}.profil-container{display:grid;padding:0 1rem}.profil-container p{color:#000;margin:0}.profil-container section{margin-top:.5rem}.link-logo{align-items:center;display:flex;flex-direction:row}.link-logo .logo.linkedin{background-image:url(/static/media/linkedin-black.4d397a4baf86bb4838de.svg)}.link-logo .logo.github{background-image:url(/static/media/github_black.6fa18895f6e6c7772cab.svg)}.link-logo .logo.portfolio{background-image:url(/static/media/harbuz-logo-black.57153874d8add7f06dd6.svg)}.profil-container section div:nth-child(2){margin-top:.12rem}.link-logo .logo{background-position:50%;background-repeat:no-repeat;background-size:cover;height:1rem;margin:.1rem 0 .1rem .2rem;width:1rem}.logo.portfolio{height:1.4rem;margin:0;width:1.4rem}.link-logo p{margin-left:.5rem}.training-container{padding:0 1rem}.training-container div{margin-bottom:1rem}.training-container ul{font-weight:700;padding-left:2rem}.training-container p{color:#000;margin:0}.interest-container{padding:0 1rem}.interest-container p{color:#000}.resume-part-2{background-color:#0f2d42;color:#fff;display:grid;grid-column:2/3;height:100%;padding:0 1.6rem}.intro p{color:#fff;font-weight:lighter;text-align:center}.intro p:last-child{margin-top:2rem}.skills-container{display:grid;grid-template-columns:1fr 1fr}.skills-container ul{margin:0;padding:0}.skills-container div:first-of-type ul,.skills-container li{margin-top:.5rem;padding-left:.5rem}.skills-container div:nth-of-type(2) ul{border-left:solid;padding-left:2rem}.skills-and-projects{display:grid}.skills-and-projects h2{border-bottom:solid}.skills-and-projects section{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr}.skills-and-projects section :nth-child(5){grid-column:1/3}.skills-and-projects ul{margin-top:0;padding:0}.skills-and-projects ul:first-child{margin-bottom:.2rem}.skills-and-projects div:not(:last-of-type) ul:nth-of-type(2) li{list-style-type:none;padding-left:.5rem}.skills-and-projects div:not(:last-of-type) ul:first-of-type li{font-weight:700}.experience-container h2{border-bottom:solid;padding-bottom:1rem}.experience-container div :first-child,.experience-container h3{margin:0;text-align:start}.experience-container p{color:#fff;margin:.2rem 0}.experience-container section{grid-row-gap:2em;align-items:center;display:grid;grid-template-columns:33% 67%;row-gap:2em}.experience-container ul{padding-left:2rem}.experience-container div{margin:.5rem 0}@media(min-width:600px){.resume-container{height:90%}li,p{font-size:.8em}h1{font-size:3em;margin-top:2rem}h2{font-size:1.1em}h3{font-size:.7em}}@media(max-width:600px){h1{font-size:clamp(1rem,5vw,5vw);margin-top:1.5rem}h2{font-size:clamp(.5em,1.8vw,1.8vw)}h3{font-size:clamp(.2em,1.1vw,1.1vw)}li,p{font-size:clamp(.4em,1.3vw,1.3vw)}.resume-part-1 h2{margin:0 0 10px}.link-logo .logo{height:.7rem;width:.7rem}.logo.portfolio{height:1rem;margin-left:.5px;width:1rem}.resume-part-2{padding:0 1rem}.intro p:last-child{margin-top:1rem}.skills-container div:first-of-type ul,.skills-container li{margin-top:.2rem;padding-left:.2rem}.skills-container div:nth-of-type(2) ul{border-left:solid;padding-left:1rem}.experience-container h2{padding-bottom:.5rem}}@media(max-width:1000px){.container{margin-bottom:10%}}.light .bloc-txt-projets,.light .h1-wait,.light .h2-project{color:#25292e}.light .videos-hovered1 button,.light .videos-hovered2 button,.light .videos-hovered3 button{background-color:#fff0;border:solid #25292e;color:#25292e;transition:.3s}.light .videos-hovered1 button:hover,.light .videos-hovered2 button:hover,.light .videos-hovered3 button:hover{background:#ffffff80;box-shadow:0 4px 30px #ffffff1a}.dark .bloc-txt-projets,.dark .h1-wait,.dark .h2-project{color:#fff}.dark .videos-hovered1 button,.dark .videos-hovered2 button,.dark .videos-hovered3 button{background-color:#fff0;border:solid #fff;color:#fff;transition:.3s}.dark .videos-hovered1 button:hover,.dark .videos-hovered2 button:hover,.dark .videos-hovered3 button:hover{background:#00000080;box-shadow:0 4px 30px #0000001a}.videos-hovered1 button:hover,.videos-hovered2 button:hover,.videos-hovered3 button:hover{backdrop-filter:blur(12.9px);-webkit-backdrop-filter:blur(12.9px);transform:scale(1.2)}.mesprojets-container{align-items:center;display:grid;grid-template-columns:2fr 1fr;height:100vh;justify-content:center}.videos-hovered1,.videos-hovered2,.videos-hovered3{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:1rem;z-index:2}.videos-hovered1 button,.videos-hovered2 button,.videos-hovered3 button{border-radius:.6rem;height:4rem;margin-top:2rem;width:23rem}.CafeCreme-Projet{border-radius:0 2vw 2vw 0}.cafe-creme,.enigme-evadees,.garçonne{margin:1rem;width:100%}.cafe-creme h2,.cafe-creme h6,.enigme-evadees h2,.enigme-evadees h6,.garçonne h2,.garçonne h6{padding-left:5rem;padding-right:5rem}@media screen and (max-width:1000px){.cafe-creme h2,.cafe-creme h6,.enigme-evadees h2,.enigme-evadees h6,.garçonne h2,.garçonne h6{padding:0}.mesprojets-container{align-items:center;display:flex;flex-direction:column-reverse;height:120vh;justify-content:flex-end;width:100vw}.bloc-projets{height:auto}.bloc-projets,.bloc-txt-projets,.mesprojets-container .bloc-txt-projets-container{width:100vw}.cafe-creme,.enigme-evadees,.garçonne{border:1px solid;border-radius:.6rem;margin:1rem;width:100%}}.bloc-projets{aspect-ratio:16/9;border-radius:25%;justify-content:center;object-fit:cover;transition:.3s}.bloc-projets,.cards-projets{align-items:center;display:flex}.cards-projets{flex-wrap:wrap;height:100%;justify-content:space-around;width:100%}.h1-wait{font-family:danielbd;font-size:max(1vw,15px);margin-top:2rem;text-align:center}.bloc-txt-projets-container{align-content:flex-start;align-items:flex-start;display:flex;width:50vw}.bloc-txt-projets{align-content:space-around;align-items:center;display:flex;flex-direction:column;margin:1vw;padding:20px;text-align:center;z-index:1}.cafe-creme,.enigme-evadees,.garçonne{align-items:center;display:grid;grid-template-columns:2fr 1fr;justify-items:space-between;padding:3vw;transition:.3s}@media(min-width:1250px){.cafe-creme:hover,.enigme-evadees:hover,.garçonne:hover{transform:scale(1.2);transition:.3s}}@font-face{font-family:horizon;src:url(/static/media/horizon.3d45dd95383aa5807d4b.otf) format("opentype")}@font-face{font-family:horizon_outlined;src:url(/static/media/horizon_outlined.1421243f74e95f00d5fe.otf) format("opentype")}@font-face{font-family:danielbd;src:url(/static/media/danielbd.8fee437027950bec8a2b.ttf)}html{font-size:13px}.light .baptiste,.light .h4-homepage a,.light .harbuz,.light .portfolio,.light .txt-presentation p{color:#25292e}.dark .baptiste,.dark .h4-homepage a,.dark .harbuz,.dark .portfolio,.dark .txt-presentation p{color:#fff}body{font-family:horizon}.videos-hovered1 button,.videos-hovered2 button,.videos-hovered3 button{font-family:horizon;font-size:max(.6vw,7px)}.h1-contact,.h1-project{font-size:max(3vw,20px)}.h4-homepage a{font-family:danielbd;font-size:max(1.5vw,12px);text-decoration:none}.h4-homepage{transition:.3s;z-index:1}@media(min-width:1250px){.h4-homepage:hover{text-decoration:none;transform:scale(1.2) rotate(-5deg);transition:.3s}}.txt-home{align-items:center;display:flex;flex-direction:column;z-index:1}.baptiste{font-family:horizon_outlined}.baptiste,.harbuz{font-size:max(4vw,30px);margin:0;z-index:1}.portfolio{font-size:max(1vw,7px);letter-spacing:max(3vw,20px);margin-top:2vw}.portfolio-justify{padding-left:max(3vw,20px);text-align:center}.bloc-txt-projets h2{font-family:horizon_outlined;font-size:max(1.2vw,15px);text-align:left}.h6-project{font-size:max(.6vw,7px);text-align:right}@media(min-width:1000px){.cafe-creme:hover .h2-project,.cafe-creme:hover .h6-project,.enigme-evadees:hover .h2-project,.enigme-evadees:hover .h6-project,.garçonne:hover .h2-project,.garçonne:hover .h6-project{font-family:horizon;transition:.3s}}.light .contact-click,.light .contact-container a,.light .contact-item h2,.light .h1-contact,.light .mail-container,.light .txt-presentation span{color:#25292e}.light .txt-presentation{border:solid #25292e}.light .line{background-color:#25292e}.light .icons{color:#25292e}.dark .contact-click,.dark .contact-container a,.dark .contact-item h2,.dark .h1-contact,.dark .mail-container,.dark .txt-presentation span{color:#fff}.dark .txt-presentation{border:solid #fff}.dark .line{background-color:#fff}.dark .icons{color:#fff}.contact-container,.contact-container section{align-items:center;justify-content:center}.contact-container section{display:flex;flex-direction:column;text-align:center;z-index:1}.line{height:.2vw;margin-bottom:2rem;min-width:200px;transition:.3s;width:40vw}.contact-container{display:flex;flex-direction:column;gap:1rem}.contact-item{align-items:center;display:grid;grid-template-columns:2fr 4fr 2fr;padding:1rem;position:relative;text-decoration:none;transition:.3s;width:50rem}.icons{font-size:2rem;justify-self:center}.contact-item h2{justify-self:center;margin:0}.contact-click{font-family:danielbd;font-size:max(1.5rem,15px);left:50%;opacity:0;position:absolute;transform:translateX(-50%)}@media(min-width:1000px){.contact-container section{height:100vh}.contact-item:hover .contact-click{grid-column:3/4;justify-self:center;opacity:1;transform:translateX(0);transition:opacity 1s,transform 5s}.contact-item:hover{transform:scale(1.2)}}.txt-presentation{border-radius:15px;margin:5rem 15rem;padding:5rem}.txt-presentation span{font-family:TT Chocolates,sans-serif;font-size:1.3rem;font-weight:800;text-align:justify}@media(max-width:1000px){.contact-container section{margin-bottom:8rem}.txt-presentation{margin:1rem;padding:2rem}.txt-presentation span{font-size:1rem}.contact-item{width:90vw}.contact-item h2{font-size:.9rem}}@media(min-width:400px){.contact-container section{height:100vh}}:root{--color-bg1:#6c00a2;--color-bg2:#001152;--color1:18,113,255;--color2:221,74,255;--color3:100,220,255;--color4:200,50,50;--color5:180,180,50;--color-interactive:140,100,255;--circle-size:80%;--blending:hard-light}.light{--color-bg1:#fff;--color-bg2:#7bbdff;--color1:18,113,255;--color2:221,74,255;--color3:100,220,255;--color4:200,50,50;--color5:180,180,50;--color-interactive:140,100,255}.dark{--color-bg1:#6c00a2;--color-bg2:#001152;--color1:18,113,255;--color2:221,74,255;--color3:100,220,255;--color4:200,50,50;--color5:180,180,50;--color-interactive:140,100,255}.gradient-bg{background:linear-gradient(40deg,#6c00a2,#001152);background:linear-gradient(40deg,var(--color-bg1),var(--color-bg2));height:100vh;left:0;overflow:hidden;position:relative;top:0;width:100vw}.gradient-bg svg{display:none}.gradient-bg .gradients-container{filter:url(#goo) blur(40px);height:100%;width:100%}.gradient-bg .g1{animation:moveVertical 30s ease infinite;background:radial-gradient(circle at center,#1271ffcc 0,#1271ff00 50%) no-repeat;background:radial-gradient(circle at center,rgba(var(--color1),.8) 0,rgba(var(--color1),0) 50%) no-repeat;transform-origin:center center}.gradient-bg .g1,.gradient-bg .g2{height:80%;height:var(--circle-size);left:10%;left:calc(50% - var(--circle-size)/2);mix-blend-mode:hard-light;mix-blend-mode:var(--blending);opacity:1;position:absolute;top:10%;top:calc(50% - var(--circle-size)/2);width:80%;width:var(--circle-size)}.gradient-bg .g2{animation:moveInCircle 20s infinite reverse;background:radial-gradient(circle at center,#dd4affcc 0,#dd4aff00 50%) no-repeat;background:radial-gradient(circle at center,rgba(var(--color2),.8) 0,rgba(var(--color2),0) 50%) no-repeat;transform-origin:calc(50% - 400px)}.gradient-bg .g3{animation:moveInCircle 40s linear infinite;background:radial-gradient(circle at center,#64dcffcc 0,#64dcff00 50%) no-repeat;background:radial-gradient(circle at center,rgba(var(--color3),.8) 0,rgba(var(--color3),0) 50%) no-repeat;left:calc(10% - 500px);left:calc(50% - var(--circle-size)/2 - 500px);opacity:1;top:calc(10% + 200px);top:calc(50% - var(--circle-size)/2 + 200px);transform-origin:calc(50% + 400px)}.gradient-bg .g3,.gradient-bg .g4{height:80%;height:var(--circle-size);mix-blend-mode:hard-light;mix-blend-mode:var(--blending);position:absolute;width:80%;width:var(--circle-size)}.gradient-bg .g4{animation:moveHorizontal 40s ease infinite;background:radial-gradient(circle at center,#c83232cc 0,#c8323200 50%) no-repeat;background:radial-gradient(circle at center,rgba(var(--color4),.8) 0,rgba(var(--color4),0) 50%) no-repeat;left:10%;left:calc(50% - var(--circle-size)/2);opacity:.7;top:10%;top:calc(50% - var(--circle-size)/2);transform-origin:calc(50% - 200px)}.gradient-bg .g5{animation:moveInCircle 20s ease infinite;background:radial-gradient(circle at center,#b4b432cc 0,#b4b43200 50%) no-repeat;background:radial-gradient(circle at center,rgba(var(--color5),.8) 0,rgba(var(--color5),0) 50%) no-repeat;height:160%;height:calc(var(--circle-size)*2);left:-30%;left:calc(50% - var(--circle-size));opacity:1;top:-30%;top:calc(50% - var(--circle-size));transform-origin:calc(50% - 800px) calc(50% + 200px);width:160%;width:calc(var(--circle-size)*2)}.gradient-bg .g5,.gradient-bg .interactive{mix-blend-mode:hard-light;mix-blend-mode:var(--blending);position:absolute}.gradient-bg .interactive{background:radial-gradient(circle at center,#8c64ffcc 0,#8c64ff00 50%) no-repeat;background:radial-gradient(circle at center,rgba(var(--color-interactive),.8) 0,rgba(var(--color-interactive),0) 50%) no-repeat;height:100%;left:-50%;opacity:.7;top:-50%;width:100%}@keyframes moveInCircle{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}@keyframes moveVertical{0%{transform:translateY(-50%)}50%{transform:translateY(50%)}to{transform:translateY(-50%)}}@keyframes moveHorizontal{0%{transform:translateX(-50%) translateY(-10%)}50%{transform:translateX(50%) translateY(10%)}to{transform:translateX(-50%) translateY(-10%)}}
/*# sourceMappingURL=main.4f4f5402.css.map*/