a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--primary-color-black:#080516;--primary-color-text:#e0e0e0;--secondary-color-text:#ff5f00;--secondary-color-text-dark:#cd4b00}body{background-color:#080516;background-color:var(--primary-color-black);font-family:brother-1816,sans-serif}.primary-nav-wrapper{align-items:center;-webkit-backdrop-filter:blur(104px);backdrop-filter:blur(104px);background:rgba(42,43,56,.5);border-bottom:1px solid hsla(0,0%,100%,0);border-radius:2rem;display:flex;height:70px;justify-content:space-between;left:0;margin-left:auto;margin-right:auto;margin-top:2rem;position:fixed;right:0;top:5rem;top:0;width:80%;z-index:1000}.pinned-header-hiden{opacity:0;transition:opacity .5s ease}.primary-nav-container{align-items:center;box-sizing:border-box;height:100px;margin:0 auto;max-width:800px;padding:24px}.primary-nav,.primary-nav-container{display:flex;justify-content:space-between;width:100%}.primary-nav{box-sizing:initial;color:#fff;font-family:brother-1816,sans-serif;font-size:20px;font-style:normal;font-weight:300;position:relative;text-transform:uppercase}.primary-nav-button{letter-spacing:2px;position:relative}.primary-nav-button:hover{cursor:pointer}.primary-nav-button:before{color:var(--secondary-color-text);content:attr(data-text);overflow:hidden;position:absolute;transition:.6s;width:0}.primary-nav-button:hover:before{-webkit-text-stroke:1px var(--secondary-color-text);border-right:4px solid var(--secondary-color-text);-webkit-filter:drop-shadow(0 0 15px var(--secondary-color-text));filter:drop-shadow(0 0 15px var(--secondary-color-text));overflow:hidden;width:100%}.maze-progression-container{align-items:center;bottom:-3.4rem;color:var(--secondary-color-text);display:flex;gap:.5rem;left:0;position:absolute;width:90%;z-index:10000}.maze-progression{-webkit-backdrop-filter:blur(104px);backdrop-filter:blur(104px);background:var(--secondary-color-text);border-radius:3px;height:5px;z-index:1;z-index:10000}.key-progression-icon{color:var(--secondary-color-text);z-index:10000}@media (max-width:500px){.primary-nav-button{font-size:1rem}}@media (max-width:400px){.primary-nav-button{font-size:.7rem}}.hero-wrapper{display:flex;height:calc(100vh - 100px);position:-webkit-sticky;position:sticky}.hero-container{align-items:center;box-sizing:border-box;color:#e0e0e0;font-family:brother-1816,sans-serif;height:600px;margin:auto;overflow:hidden;padding:50px 24px;width:100%}.hero-container,.left-hero{display:flex;justify-content:center}.left-hero{align-items:flex-end;flex:1 1;flex-direction:column;margin-bottom:50px;padding:0 15px}.left-hero-firstname{font-size:40px;font-weight:300}.left-hero-lastname{color:var(--secondary-color-text);font-size:50px;font-weight:300}.right-hero{align-items:center;display:flex;flex:1 1;font-size:3.2rem;margin-top:80px;padding:0 15px}.hero-separator{border:1px solid var(--primary-color-text);height:100%;width:0}@media (max-width:500px){.right-hero{font-size:2.2rem}.left-hero-firstname{font-size:2rem}.left-hero-lastname{font-size:2.5rem}}.about-me-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;margin:auto;padding:24px}.about-me-wrapper{gap:20px}.about-me-wrapper,.about-title{display:flex;flex-direction:column}.about-title{color:var(--primary-color-text)}.about-title div:first-child{font-size:70px}.about-title div:last-child{font-size:50px}.about-me-content{color:#fff;font-family:brother-1816,sans-serif;font-size:22px;font-style:italic;font-weight:300}.social-links{display:flex;font-size:50px;gap:20px;margin-top:50px}.social-links,.social-links a{color:var(--primary-color-text)}.social-links a{text-decoration:none}.social-links a:visited{color:var(--primary-color-text)}.social-links div a:hover{cursor:pointer}.maze-input-result{background:var(--primary-color-black);border:2px solid var(--secondary-color-text);border-radius:30px;box-shadow:0 4px 6px rgba(255,95,0,.4);color:var(--primary-color-text);font-family:Arial,sans-serif;font-size:16px;outline:none;padding:10px 20px;transition:box-shadow .2s,border .2s,-webkit-transform .2s;transition:transform .2s,box-shadow .2s,border .2s;transition:transform .2s,box-shadow .2s,border .2s,-webkit-transform .2s;width:160px}.maze-input-result::-webkit-input-placeholder{color:hsla(0,0%,100%,.8)}.maze-input-result::placeholder{color:hsla(0,0%,100%,.8)}.maze-input-result:focus{border:2px solid var(--primary-color-text);box-shadow:0 6px 8px rgba(255,95,0,.4);-webkit-transform:scale(1.05);transform:scale(1.05)}.maze-input-submit{background:var(--secondary-color-text);border:none;border-radius:30px;box-shadow:0 4px 6px rgba(0,0,0,.4);color:var(--primary-color-black);cursor:pointer;font-family:Arial,sans-serif;font-size:16px;padding:12px 25px;transition:all .2s ease-in-out}.maze-input-submit:hover{box-shadow:0 4px 6px rgba(255,95,0,.8);transition:all .2s ease-in-out}.input-maze-reset-value{text-decoration:line-through;transition:all .4s ease-in-out}.maze1-container{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:600px;overflow:hidden;padding-bottom:2rem}.description-maze1-title{font-size:1.5rem}.description-maze1,.description-maze1-title{color:#fff;font-weight:700;margin:1rem;padding:2rem;text-align:center;text-shadow:2px 2px 2px #000}.description-maze1{font-size:1.2rem;font-style:italic}.input-maze-1{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;max-width:200px;position:relative}.input-maze-1-cover{background-color:var(--primary-color-black);background-image:url(/static/media/texture_cover_maze1.017affabec3aaa5018cf.png);background-size:cover;border:1px solid #65656547;box-shadow:2px 1px 2px 0 #5a5a5a23;height:150px;left:-22px;opacity:.85;opacity:.96;position:absolute;top:-30px;width:250px;z-index:10000}#input-maze-1-cover-container{height:290px;left:0;position:absolute;top:5px;width:400px}.maze-knob-container{align-items:center;display:flex;flex-direction:column;gap:2rem;object-fit:contain;position:relative;width:500px!important}.maze-knob-container:after{color:var(--primary-color-text);content:"|";font-size:1rem;height:300px;height:15px;left:50%;opacity:.96;position:absolute;top:40px;width:500px;width:15px;z-index:10}.portfolio-element-content-maze2{align-items:flex-start;border-radius:20px;display:flex;gap:25px;height:290px;justify-content:center;margin:auto;width:500px}#knob1{background-image:url(/static/media/safeKnob.c50e6b031ea9ee045eb6.png);background-size:cover;height:150px;-webkit-transform-origin:center;transform-origin:center;width:150px;z-index:50!important}.knob-shadow{box-shadow:3px 3px 15px var(--secondary-color-text);opacity:.5}.knob-shadow,.knob-shadow2{border-radius:50%;height:150px;left:0;position:absolute;top:0;width:150px;z-index:-1}.knob-shadow2{box-shadow:2px 2px 50px var(--secondary-color-text-dark);opacity:.2}.maze-knob-value{color:var(--secondary-color-text);font-size:1.5rem}.maze-knob-value-result-container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.maze-knob-value-result{color:var(--secondary-color-text);font-size:2rem;font-style:italic;height:50px;margin:auto;text-align:left;width:100%;z-index:20}.maze-knob-reset{background:var(--secondary-color-text);border:none;border-radius:30px;box-shadow:0 4px 6px rgba(0,0,0,.4);color:var(--primary-color-black);cursor:pointer;font-family:Arial,sans-serif;font-size:16px;padding:12px 25px;transition:all .2s ease-in-out}.portfolio-element-card-maze-2{display:flex;flex:1 1;flex-direction:column;gap:10px;height:100%;justify-content:space-between;width:100%}.portfolio-element-card-maze-2 h1{color:#fff;font-weight:700}.portfolio-element-card-maze-2 p{color:#fff;font-size:1rem;font-style:italic;font-weight:300;line-height:1.1rem}.maze-knob-reset:hover{box-shadow:0 4px 6px rgba(255,95,0,.8);transition:all .2s ease-in-out}.hide-knob-result{opacity:0;text-decoration:line-through;transition:all 2s ease-in-out}.maze-3-container{align-items:center;color:#fff;display:flex;flex-direction:column;gap:1rem;height:600px;justify-content:center;margin:0 auto;max-width:450px}.maze-3-container p{color:#fff;font:1rem monospace}.input-maze-3{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;max-width:200px;position:relative}@media (max-width:600px){.portfolio-element-content-maze2{align-items:center;flex:1 1;flex-direction:column!important;height:600px}.portfolio-element-card-maze-2{align-items:center;flex:3 1;justify-content:center;width:100%}.maze-knob-value-result{text-align:center;top:-3rem;width:100%}}.main-real-web{align-items:flex-start;color:#02cd02;cursor:none;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;margin:auto;width:100vw}.real-web-container{box-sizing:border-box;display:flex;padding:1rem;width:100%}.real-web-header{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;width:100%}.loading-programme-container{color:#02cd02;font-family:Anonymous Pro,monospace;font-family:Lato,sans-serif;font-size:1rem;z-index:1000}.ascii-art-name{font:1.5em monospace}.real-web-primary-nav{border-right:1px solid #02cd02;display:flex;flex-direction:row;font:1.5em monospace;justify-content:space-between;padding:2rem;width:250px}.real-web-primary-nav ul{box-sizing:border-box}.real-web-primary-nav ul li{box-sizing:border-box;height:35px;list-style-type:none;margin:1rem;padding:.3rem;width:170px}.menu-item-selected{background-color:green;color:#000}.menu-item-activated{border:1px solid blue;box-sizing:border-box}.real-web-content-item{box-sizing:border-box;height:100%;width:100%}.need-focus{background-color:#1a1a1a}.real-web-project-item{font:1rem monospace;padding:1rem}.real-web-project-item-title{color:#02cd02;font-size:1.5rem;font:1.5em monospace;font-weight:700;padding:1rem;width:100%}.join-container{align-items:center;cursor:none;display:flex;flex-direction:column;gap:1rem;height:100%;justify-content:center;margin-top:2rem;width:100%}.join-container h1{color:var(--primary-color-text);font-size:2rem}.join-container-form{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem;justify-content:center;margin-left:4rem;width:100%}.join-container-form-textarea{height:200px;text-decoration:none;width:400px;&:focus{outline:1px solid #02cd02}}.join-container-form input{height:30px;text-decoration:none;width:400px;&:focus{outline:1px solid #02cd02}}.join-container-form button{color:#02cd02;height:30px;margin-bottom:5rem;text-decoration:none;width:200px;&:focus{outline:1px solid #02cd02}}.puzzle-container{display:flex;flex-direction:column;margin:auto;width:430px}.puzzle-bloc-row{display:flex;flex-wrap:wrap;gap:3px;justify-content:flex-start}.puzzle-bloc-element{align-items:center;background-color:orange;display:flex;height:100px;justify-content:center;margin-top:3px;width:100px}.main-cursor,.secondary-cursor{border-radius:50%;mix-blend-mode:difference;pointer-events:none;position:fixed;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transform-origin:center;transform-origin:center;z-index:10000}.custom-cursor-container{-webkit-transform-origin:center center;transform-origin:center center}.main-cursor{background-color:#fff;height:30px;width:30px}.main-cursor,.secondary-cursor{-webkit-transform-origin:center;transform-origin:center}.secondary-cursor{border:2px solid var(--primary-color-text);height:80px;transition:all .3s cubic-bezier(.2,.57,.49,.86);width:80px}.cursor-hover{height:100px;opacity:0;transition:all .3s ease-in-out;width:100px}.portfolio-header{align-items:center;color:#fff;display:flex;font-size:3rem;font-weight:300;justify-content:flex-start;margin:auto;max-width:650px;opacity:.7;padding-top:8rem}.live-demo-card-details{display:flex;flex-direction:column;gap:10px;justify-content:space-between}.live-demo-card-details a{color:#fff;font-size:1.2rem;text-decoration:none}.live-demo-card-details a:hover{color:var(--secondary-color-text);text-decoration:underline;transition:all .3s ease-in-out}.portfolio-data-container{align-items:flex-start;display:flex;flex-direction:column;height:100vh;overflow-x:hidden}.portfolio-data-wrapper{display:flex;margin:auto}.portfolio-element-container{align-items:flex-start;background:linear-gradient(180deg,rgba(35,37,49,.5),rgba(15,15,24,.5));border-bottom:1px solid #393154;border-radius:50px;box-shadow:5 0 5px 0 rgba(91,83,83,.5);box-sizing:border-box;display:flex;font-size:35px;font-weight:300;margin:5rem;padding:5rem 3rem;position:relative;width:100%;z-index:10}.portfolio-element-title{color:#fff;font-family:brither-1816,serif;font-style:italic;font-weight:400;mix-blend-mode:difference}.portfolio-element-content{align-items:flex-start;border-radius:20px;display:flex;-webkit-filter:blur(.2px) brightness(.8);filter:blur(.2px) brightness(.8);gap:25px;height:290px;justify-content:center;margin:auto;width:100%}.portfolio-element-container-index{-webkit-background-clip:text;background-image:linear-gradient(180deg,#fff,hsla(0,0%,100%,0));color:transparent;font-family:germania-one,serif;font-size:100px;font-style:italic;font-weight:700;left:-20px;opacity:.4;position:absolute;top:-40px;z-index:0}.portfolio-element-card{display:flex;flex:1 1;flex-direction:column;gap:10px;height:100%;justify-content:space-between;width:100%}.portfolio-element-card h1{color:#fff;font-weight:700}.portfolio-element-card p{color:#fff;font-size:1rem;font-style:italic;font-weight:300;line-height:1.1rem}.portfolio-element-image{border-radius:1rem;display:flex;flex:1 1;height:300px;max-width:300px;object-fit:contain;overflow:hidden;position:relative}.portfolio-element-image:hover{cursor:pointer}.portfolio-element-image-blur{align-items:center;-webkit-backdrop-filter:blur(var(--blur-card-element));backdrop-filter:blur(var(--blur-card-element));color:#000;display:flex;height:100%;justify-content:center;left:0;opacity:1;position:absolute;top:0;width:100%;z-index:10}.portfolio-element-image-blur-title{color:var(--secondary-color-text);display:flex;font-size:2.5rem;font-style:italic;font-weight:900;justify-content:center;mix-blend-mode:color-burn;opacity:0;text-align:center;transition:all .1s ease-in-out}.portfolio-element-image img{border-radius:5px;height:100%;transition:all .3s ease-in-out}.portfolio-element-description{font-size:18px}.stack-element{display:flex;flex-wrap:wrap;gap:10px;margin-top:40px}.techno-used{display:flex;height:30px}.techno-used img{height:100%}.portfolio-element-leftpannel{display:flex;flex:2 1;flex-direction:column}.modal-element-container{align-items:center;display:flex;gap:20px;height:100vh;overflow-y:scroll;padding:24px;position:relative}.close-modal-button{border:1px solid #fff;border-radius:15%;color:#fff;font-size:25px;position:absolute;right:50px;top:50px}.close-modal-button:hover{cursor:pointer}.element-image-carousel{align-items:center;display:flex;justify-content:center;object-fit:contain}.element-image-carousel img{border-radius:5px;max-height:500px;object-fit:contain;width:100%}.modal-element-image-carousel{display:flex;flex:1 1}.modal-element-description{color:#fff;display:flex;flex:1 1}.modal-element-description-list{display:flex;flex-direction:column;gap:10px}.modal-element-description-list h2{color:var(--secondary-color-text);font-size:18px;margin-bottom:15px}.modal-element-description-list li{align-items:flex-start;display:flex;gap:10px;justify-content:flex-start}.modal-element-description-list li div{font-size:22px}.modal-element-description-list li a{text-decoration:none}.modal-element-description-list li a:visited{color:inherit}@media (max-width:800px){.modal-element-container{flex-direction:column}.modal-element-image-carousel{margin-bottom:50px;margin-top:50px}.modal-element-description{margin-bottom:50px}.portfolio-element-content{align-items:center;flex-direction:column;height:430px;justify-content:center}.portfolio-element-image{flex:3 1;height:100%}.portfolio-element-card{flex:1 1}}@media (max-width:600px){.portfolio-data-wrapper{box-sizing:border-box;flex-direction:column;max-width:100%;padding:1rem}.portfolio-element-container{margin:5rem 0;padding:2rem;width:100%}}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{background:none;border:0;cursor:pointer;filter:alpha(opacity=40);font-size:32px;opacity:.4;position:absolute;top:20px;transition:all .25s ease-in;z-index:2}.carousel .control-arrow:focus,.carousel .control-arrow:hover{filter:alpha(opacity=100);opacity:1}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{border-bottom:8px solid transparent;border-top:8px solid transparent;content:"";display:inline-block;margin:0 5px}.carousel .control-disabled.control-arrow{cursor:inherit;display:none;filter:alpha(opacity=0);opacity:0}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{box-sizing:border-box}.carousel img{display:inline-block;pointer-events:none;width:100%}.carousel .carousel{position:relative}.carousel .control-arrow{background:none;border:0;font-size:18px;margin-top:-13px;outline:0;top:50%}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{list-style:none;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);transition:all .15s ease-in;white-space:nowrap}.carousel .thumb{border:3px solid #fff;display:inline-block;margin-right:6px;overflow:hidden;padding:2px;transition:border .15s ease-in;white-space:nowrap}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{margin:0;overflow:hidden;position:relative}.carousel.carousel-slider .control-arrow{bottom:0;color:#fff;font-size:26px;margin-top:0;padding:5px;top:0}.carousel.carousel-slider .control-arrow:hover{background:rgba(0,0,0,.2)}.carousel .slider-wrapper{margin:auto;overflow:hidden;transition:height .15s ease-in;width:100%}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{flex-direction:column}.carousel .slider{list-style:none;margin:0;padding:0;position:relative;width:100%}.carousel .slider.animated{transition:all .35s ease-in-out}.carousel .slide{margin:0;min-width:100%;position:relative;text-align:center}.carousel .slide img{border:0;vertical-align:top;width:100%}.carousel .slide iframe{border:0;display:inline-block;margin:0 40px 40px;width:calc(100% - 80px)}.carousel .slide .legend{background:#000;border-radius:10px;bottom:40px;color:#fff;font-size:12px;left:50%;margin-left:-45%;opacity:.25;padding:10px;position:absolute;text-align:center;transition:all .5s ease-in-out;transition:opacity .35s ease-in-out;width:90%}.carousel .control-dots{bottom:0;margin:10px 0;padding:0;position:absolute;text-align:center;width:100%;z-index:1}@media (min-width:960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{background:#fff;border-radius:50%;box-shadow:1px 1px 2px rgba(0,0,0,.9);cursor:pointer;display:inline-block;filter:alpha(opacity=30);height:8px;margin:0 8px;opacity:.3;transition:opacity .25s ease-in;width:8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{filter:alpha(opacity=100);opacity:1}.carousel .carousel-status{color:#fff;font-size:10px;padding:5px;position:absolute;right:0;text-shadow:1px 1px 1px rgba(0,0,0,.9);top:0}.carousel:hover .slide .legend{opacity:1}.contact-form-container{align-items:center;background-color:#fff;background-color:var(--primary-color-black);color:var(--primary-color-text);display:flex;flex-direction:column;height:500px;height:100vh;justify-content:center;overflow:hidden;width:100%}.title-header{font-family:brother-1816,sans-serif;font-size:35px;font-weight:300;margin-bottom:50px}.contact-form form{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center}.contact-form-name{display:flex;gap:15px}.contact-form-email-message{width:100%}.contact-modal-content{display:flex;flex-direction:column;position:relative}.contact-modal-close{position:absolute;right:-20px;top:-20px}.contact-form-submit-button{width:150px}@media (max-width:500px){.contact-form-container{box-sizing:border-box;padding:0 24px}}
/*# sourceMappingURL=main.bd5c7c73.css.map*/