.react-dat-gui{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;box-sizing:border-box;font-family:Lucida Grande,sans-serif;font-size:12px;position:fixed;right:16px;top:0;width:280px}.react-dat-gui *,.react-dat-gui :after,.react-dat-gui :before{box-sizing:inherit}.react-dat-gui .dg{color:#eee;margin:0;overflow:hidden;padding:0}.react-dat-gui .dg ul{clear:both;list-style:none;margin:0;padding:0;width:100%}.react-dat-gui .dg.main::-webkit-scrollbar{background:#1a1a1a;width:5px}.react-dat-gui .dg.main::-webkit-scrollbar-corner{display:none;height:0}.react-dat-gui .dg.main::-webkit-scrollbar-thumb{background:#676767;border-radius:5px}.react-dat-gui .cr{background-color:#1a1a1a;display:block;-webkit-user-select:none;-ms-user-select:none;user-select:none}.react-dat-gui .cr:not(:last-child){border-bottom:1px solid #272727}.react-dat-gui .cr label{align-items:center;display:flex;justify-content:flex-start;padding:1px 2px 1px 8px;width:100%}.react-dat-gui .cr .label-text{min-width:0;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:40%}.react-dat-gui .cr input[type=number],.react-dat-gui .cr input[type=text]{background:#303030;border:3px solid #1a1a1a;border-radius:0;font-size:inherit;margin:0;outline:none}.react-dat-gui .cr input[type=number]:hover,.react-dat-gui .cr input[type=text]:hover{background:#3c3c3c}.react-dat-gui .cr input[type=number]:focus,.react-dat-gui .cr input[type=text]:focus{background:#494949;color:#fff}.react-dat-gui .cr input[type=number]::-ms-clear,.react-dat-gui .cr input[type=text]::-ms-clear{display:none}.react-dat-gui .cr.boolean{border-left:5px solid #806787;position:relative}.react-dat-gui .cr.boolean label{cursor:pointer}.react-dat-gui .cr.boolean .label-text{display:block;padding:5px 0}.react-dat-gui .cr.boolean .checkbox-container{width:100%}.react-dat-gui .cr.boolean input[type=checkbox]{margin:0;vertical-align:middle}.react-dat-gui .cr.button{border-left:5px solid #e61d5f}.react-dat-gui .cr.button:hover{background:#111}.react-dat-gui .cr.button .label-text{cursor:pointer;display:block;padding:6px 2px 6px 8px;width:100%}.react-dat-gui li.folder{display:block;padding:0}.react-dat-gui li.folder .title{background:#000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 48% no-repeat;cursor:pointer;display:block;font-weight:700;padding:5px 5px 5px 16px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.react-dat-gui li.folder ul{margin-left:4px;width:calc(100% - 4px)}.react-dat-gui li.folder.closed .title{background:#000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==) 6px 48% no-repeat}.react-dat-gui li.folder.closed ul{display:none}.react-dat-gui .cr.number{border-left:5px solid #2fa1d6}.react-dat-gui .cr.number input[type=number],.react-dat-gui .cr.number input[type=text]{color:#2fa1d6;height:25px}.react-dat-gui .cr.number .slider{background-color:#303030;background-image:linear-gradient(90deg,#2fa1d6,#2fa1d6);background-repeat:no-repeat;background-size:0 100%;border:3px solid #1a1a1a;border-right-width:1px;cursor:ew-resize;display:block;height:25px;position:relative}.react-dat-gui .cr.string{border-left:5px solid #1ed36f}.react-dat-gui .cr.string input[type=text]{color:#1ed36f;padding:2px 5px;width:100%}.react-dat-gui .cr.select{border-left:5px solid #f4d450}.react-dat-gui .cr.select label{padding:6px 2px 6px 8px}.react-dat-gui .cr.color{border-left:5px solid #1a1a1a}.react-dat-gui .cr.color .swatch{border:3px solid #1a1a1a;color:#fff;cursor:pointer;font-weight:700;padding:2px 5px;text-align:center;text-shadow:rgba(0,0,0,.7) 0 1px 1px}.react-dat-gui .cr.color .popover{position:absolute;right:5px;z-index:2}.react-dat-gui .cr.color .cover{bottom:0;left:0;position:fixed;right:0;top:0}.react-dat-gui .cr.color .picker{background:#fff;box-shadow:0 0 2px rgba(0,0,0,.3),0 4px 8px rgba(0,0,0,.3);box-sizing:content-box;box-sizing:initial;font-family:Menlo,sans-serif;margin-top:-3px;width:auto}.react-dat-gui .cr.color .picker .body{padding:0}.react-dat-gui .cr.color .picker .body .controls{display:flex}.react-dat-gui .cr.color .picker .body .controls .toggles{flex:1 1}.react-dat-gui .cr.color .picker .body .controls .toggles .hue-wrap{height:10px;position:relative}.react-dat-gui .cr.color .picker .saturation-wrap{overflow:hidden;padding-bottom:55%;position:relative;width:100%}.react-dat-gui .cr.color .fields-wrap{display:flex}.react-dat-gui .cr.color .fields-wrap .fields{display:flex;flex:1 1;margin-left:-6px}.react-dat-gui .cr.color .fields-wrap .fields .field{padding-left:6px;width:100%}.react-dat-gui .cr.color .fields-wrap .fields .field input{border:none;border-radius:2px;box-shadow:inset 0 0 0 1px #dadada;color:#333;font-size:11px;height:21px;text-align:center}.react-dat-gui .cr.color .fields-wrap .fields .field input:focus{outline:none}.react-dat-gui .cr.color .fields-wrap .fields .field label{color:#969696;display:block;font-size:11px;line-height:11px;margin-top:12px;text-align:center;text-transform:uppercase}.react-dat-gui .cr.color .pointer{background-color:#f8f8f8;border-radius:6px;box-shadow:0 1px 4px 0 rgba(0,0,0,.37);height:12px;position:absolute;-webkit-transform:translate(-6px,-1px);transform:translate(-6px,-1px);width:12px;z-index:3}.react-dat-gui .cr.color .pointer-circle{border-radius:6px;box-shadow:inset 0 0 0 1px #fff;height:12px;-webkit-transform:translate(-6px,-6px);transform:translate(-6px,-6px);width:12px}.react-dat-gui .cr.presets{border-left:5px solid #dad5cb}.react-dat-gui .cr.presets label{padding:6px 2px 6px 8px}@font-face{font-family:MonumentExtended;font-weight:400;src:url(/static/media/MonumentExtended-Regular.db74f7a563ec017311bc.otf) format("opentype")}@font-face{font-family:Futura Bk;font-weight:400;src:url(/static/media/Futura%20Book%20font.ed19af444f0976dbaf41.ttf) format("truetype")}@font-face{font-family:Futura Light;font-weight:400;src:url(/static/media/futura%20light%20bt.ead7282f8edac7904e53.ttf) format("truetype")}.img-fluid,.react-dat-gui .cr.presets label select{width:100%}.none{display:none}.hidden{overflow:hidden}.transparent{opacity:0}.border{border:1px solid red}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:-webkit-sticky;position:sticky}.grid{display:grid;grid-template-columns:repeat(12,1fr)}.flex{display:flex}.flex-column{display:flex;flex-direction:column}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-end{justify-content:flex-end}.align-center{align-items:center}.align-end{align-items:flex-end}.text-center{text-align:center}.text-end{text-align:end}.leftSide,.rightSide{grid-column:span 6}.block{display:block}.inlineBlock{display:inline-block}.underline{text-decoration:underline}.bold{font-weight:700}*{-ms-scroll-chaining:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;font-family:Futura Bk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:MonumentExtended;font-weight:400;list-style:none;margin:0;overscroll-behavior:none;padding:0}body{background-color:#151d22;color:#f0e6e6}a{color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;pointer-events:auto;text-decoration:none}h1{font-size:4rem}h2{font-size:3.5rem}#Homepage{margin:0 100px}@media screen and (min-width:2400px){#Homepage{margin:0 auto;width:1900px}}@media screen and (max-width:992px){#Homepage{margin:0 75px}}@media screen and (max-width:775px){#Homepage{margin:0 50px}}@media screen and (max-width:580px){#Homepage{margin:0 25px}}#About{box-sizing:border-box;height:100vh;margin:0 100px;overflow:hidden}#About .picture{bottom:0;height:130px;overflow:hidden;-webkit-transform:translate(2px),rotate(20);transform:translate(2px),rotate(20);width:130px}#About .picture.round{border-radius:50%}#About .textContainer{height:65vh}#About .bottomParagraphContainer{margin:50px 0 20px}#About .bottomParagraphContainer p{line-height:2rem}@media screen and (min-width:1440px){#About h1{width:700px}#About .picture{height:150px;width:150px}#About .textContainer h2{font-size:4rem;line-height:7rem}#About .bottomParagraphContainer{font-size:1.5rem}}@media screen and (min-width:1700px){#About .picture{height:200px;width:200px}#About .bottomParagraphContainer{font-size:1.5rem}}@media screen and (min-width:1900px){#About{margin:0 auto;width:1700px}}@media screen and (max-width:1200px){#About .textContainer h2{font-size:3.5rem}#About .picture{height:110px;width:110px}}@media screen and (max-width:992px){#About .textContainer{height:55%}#About .textContainer h2{font-size:3rem}}@media screen and (max-width:930px){#About .textContainer h2{font-size:2.5rem}}@media screen and (max-width:845px){#About .picture{height:90px;width:90px}}@media screen and (max-width:775px){#About{height:auto;margin:100px 75px 50px;overflow:hidden}#About h2{font-size:3.2rem;line-height:4rem}}@media screen and (max-width:605px){#About{margin:100px 24px 24px}#About h2{font-size:2rem;line-height:110%}}@media screen and (max-width:475px){#About .bottomParagraphContainer p{font-size:1rem}}@media screen and (max-width:376px){#About h2{font-size:1.7rem;line-height:2.3rem}#About .bottomParagraphContainer p{font-size:.8rem}}#Contact .contactContainer{border-radius:25px 25px 0 0;margin-bottom:50px;margin-top:20vh;padding:25px 50px;width:100%}#Contact label{line-height:2.5rem;width:30%}#Contact button,#Contact input{border:none;color:#fff;outline:none}#Contact input{background-color:transparent;border-bottom:1px solid #fff;font-family:Futura Bk;font-size:1.5rem;margin-left:10px;padding-left:5px;width:70%}#Contact .instance{font-size:1.5rem;margin:44px 0 7px}#Contact button{background-color:transparent;border:1px solid #fff;border-radius:7px;color:#fff;cursor:pointer;margin-top:15px;padding:5px 10px;transition:all .2s ease-out}#Contact button:hover{background-color:#fff;color:#1e124d}@media screen and (max-width:772px){#Contact h2{font-size:3rem;line-height:4rem}#Contact form input,#Contact form label{font-size:1rem;line-height:1.7rem}}@media screen and (max-width:590px){#Contact .contactContainer{padding:12px 30px}#Contact h2{font-size:2rem;line-height:2.3rem}#Contact form input,#Contact form label{font-size:.8rem}#Contact form textarea{font-size:1rem}}@media screen and (max-width:400px){#Contact h2{font-size:1.5rem;line-height:1.7rem}}#ProductPresentation{background-color:#fff;color:#000;height:calc(100vh - 70px);overflow-y:scroll;position:fixed;top:70px;width:100%}#ProductPresentation .hero{height:calc(57vh - 70px);padding:54px 100px 60px}#ProductPresentation .hero p{font-family:Futura Light;font-size:1.15rem}#ProductPresentation .hero .underline{font-family:Futura Light}#ProductPresentation .hero .bio{grid-column-start:span 6;line-height:146%}#ProductPresentation .hero .infos{grid-column:8/-1}#ProductPresentation .hero .infos p{margin-top:10px}#ProductPresentation .image{display:block;height:43vh;width:100%}#ProductPresentation .main{margin:80px 100px 0}#ProductPresentation .main .legende{font-family:Futura Light;font-size:.9rem;grid-column:1/4;line-height:145%}#ProductPresentation .main .figure{grid-column:5/-1;margin-bottom:100px}#ProductPresentation .footer{padding:0 100px 30px}#ProductPresentation .footer .conclusion{font-family:Futura Bk;font-size:1.4rem;line-height:150%;margin-bottom:32px}#ProductPresentation .footer .line{background-color:#000;height:1px;margin-bottom:56px;width:100%}#ProductPresentation .footer .buttons p{cursor:pointer;font-family:Futura Light;font-size:1.15rem;margin:0 15px}#ProductPresentation .footer .buttons .smallLine{background-color:#000;height:1px;width:40px}@media screen and (min-width:1400px){#ProductPresentation h1{font-size:5rem}#ProductPresentation .hero{margin:0 auto;padding:56px 0;width:1280px}#ProductPresentation .hero p{font-size:1.5rem}#ProductPresentation .main{margin:80px auto;width:1280px}#ProductPresentation .main .legende{font-size:1.3rem}#ProductPresentation .footer{margin:30px auto;padding:0;width:1280px}}@media screen and (max-width:992px){#ProductPresentation h1{font-size:3rem}#ProductPresentation .hero p{font-size:1.05rem}}@media screen and (max-width:775px){#ProductPresentation h1{font-size:2.5rem}#ProductPresentation .hero{padding:56px 56px 60px}#ProductPresentation .hero .bio{grid-column-start:span 12;margin-bottom:10px}#ProductPresentation .hero .infos{grid-column-start:span 12}#ProductPresentation .main{margin:64px 56px 0}#ProductPresentation .main .legende{grid-column:1/-1;margin-bottom:64px;order:2}#ProductPresentation .main .figure{grid-column-start:span 12;margin-bottom:5px;order:1}#ProductPresentation .footer{padding:0 56px 30px}#ProductPresentation .footer .conclusion{font-size:1.2rem}}@media screen and (max-width:580px){#ProductPresentation h1{font-size:2rem}#ProductPresentation .hero{padding:32px 8px 40px}#ProductPresentation .main{margin:32px 8px 0}#ProductPresentation .footer{padding:0 8px 32px}#ProductPresentation .footer .conclusion{font-size:1rem}}@media screen and (max-width:425px){#ProductPresentation h1{font-size:1.5rem}#ProductPresentation .main{margin:32px 8px 0}#ProductPresentation .footer{padding:0 8px 32px}#ProductPresentation .footer .conclusion{font-size:.9rem}#ProductPresentation .footer .line{margin-bottom:32px}#ProductPresentation .footer .buttons p{font-size:1rem}}.articlesBg{background-color:rgba(0,0,0,.5);height:100vh;left:0;top:0;width:100%}#Blog{padding:100px 50px 0}#Blog .articlesBg{z-index:-1}#Blog h2{margin-bottom:24px}#Herobanner{min-height:100vh;padding:100px}#Herobanner h1{line-height:7rem;max-width:700px}@media screen and (max-width:950px){#Herobanner h1{font-size:3.5rem;line-height:4.5rem}}@media screen and (max-width:830px){#Herobanner h1{font-size:3rem;line-height:4rem}}@media screen and (max-width:642px){#Herobanner h1{font-size:2.5rem;line-height:3.5rem}}@media screen and (max-width:520px){#Herobanner h1{font-size:2rem;line-height:3rem}}@media screen and (max-width:450px){#Herobanner h1{font-size:1.7rem;line-height:2.5rem}}@media screen and (max-width:775px){#Herobanner{padding:50px}}#Presentation{margin:200px 0}#Presentation p{font-size:3rem;line-height:5rem}@media screen and (min-width:1400px){#Presentation p{font-size:4rem;line-height:6rem}}@media screen and (max-width:992px){#Presentation p{font-size:2.5rem;line-height:4.5rem}}@media screen and (max-width:768px){#Presentation p{font-size:2rem;line-height:4rem}}@media screen and (max-width:576px){#Presentation{align-items:flex-start;margin-bottom:50px;margin-top:0}#Presentation p{font-size:1.6rem;height:auto;line-height:3rem;padding:50px 0}}@media screen and (max-width:450px){#Presentation p{font-size:1rem;line-height:2rem}}#Skills{justify-content:end;min-height:100vh}#SelectedWorks{margin-bottom:100px}#SelectedWorks .mainTitle{-webkit-transform:translate(0);transform:translate(0)}@media screen and (max-width:992px){#SelectedWorks .mainTitle{font-size:3rem;line-height:3rem}}@media screen and (max-width:768px){#SelectedWorks .mainTitle{font-size:2.5rem;line-height:2.5rem}}@media screen and (max-width:576px){#SelectedWorks .mainTitle{font-size:2rem;line-height:2.5rem;margin-bottom:50px}}.Project{flex-direction:row-reverse;margin-bottom:200px}.Project .titleContainer{height:100%}.Project .projectTitle{bottom:20px;bottom:10vh;font-size:4rem;left:20px;line-height:4rem;width:20vw;z-index:1}.Project .projectPicture{cursor:pointer;overflow:hidden;width:55vw}.Project .projectPicture img{-webkit-transform:scale(1.2);transform:scale(1.2)}.Project:nth-child(odd){flex-direction:row}.Project:nth-child(odd) .projectTitle{left:35vw}.Project:last-of-type{margin-bottom:50px}@media screen and (min-width:1470px){.Project{height:60vh}.Project .titleContainer h2{font-size:5rem;line-height:5rem}}@media screen and (min-width:1675px){.Project{margin:0 100px}.Project .titleContainer h2{font-size:6rem;line-height:6rem}}@media screen and (min-width:1900px){.Project .titleContainer h2{font-size:6.6rem;line-height:6.6rem}}@media screen and (max-width:1100px){.Project{margin-bottom:150px}.Project .titleContainer h2{font-size:3.5rem;line-height:3.5rem}}@media screen and (max-width:992px){.Project{height:auto;margin-bottom:100px}.Project .titleContainer h2{font-size:3rem;line-height:3rem}}@media screen and (max-width:830px){.Project .titleContainer h2{font-size:2.5rem;line-height:2.5rem}}@media screen and (max-width:772px){.Project .projectTitle{width:15vw}.Project .projectPicture{width:65vw}.Project .titleContainer h2{font-size:2rem;line-height:2rem}}@media screen and (max-width:576px){.Project{margin-bottom:50px;padding:0}.Project .projectPicture,.Project .titleContainer .projectTitle{width:100%}.Project .titleContainer h2{font-size:1.5rem}}@media screen and (max-width:390px){.Project{margin-bottom:30px}.Project .titleContainer h2{font-size:1rem;line-height:1.5rem}}#Navbar{height:70px;left:0;padding:10px 100px;top:0;transition:-webkit-backdrop-filter .5s ease-out;transition:backdrop-filter .5s ease-out;transition:backdrop-filter .5s ease-out,-webkit-backdrop-filter .5s ease-out;width:100%;z-index:10}#Navbar .navbarContainer{height:100%}#Navbar .logoContainer{-webkit-transform:translateY(-80px);transform:translateY(-80px);width:9px}#Navbar:hover{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.blur{height:80px;left:0;opacity:1;top:-70px;width:100%}@media screen and (min-width:1900px){#Navbar .navbarContainer{margin:0 auto;width:1700px}}@media screen and (max-width:775px){#Navbar{padding:10px 50px}}@media screen and (max-width:625px){#Navbar .navLinks{display:none}}@media screen and (max-width:576px){#Navbar{padding:10px 25px}}#Loading{background-color:#151d22;height:100vh;left:0;top:0;transition-property:opacity;transition-timing-function:ease-out;width:100%;z-index:11}#Loading .logoContainer{width:55px}#Loading .animateFlicker{-webkit-animation:flickerAnimation 1s infinite;animation:flickerAnimation 1s infinite}@-webkit-keyframes flickerAnimation{0%{opacity:0}17%{opacity:.5}25%{opacity:1}to{opacity:0}}@keyframes flickerAnimation{0%{opacity:0}17%{opacity:.5}25%{opacity:1}to{opacity:0}}@media screen and (min-width:1400px){#Loading .logoContainer{width:75px}}@media screen and (max-width:576px){#Loading .logoContainer{width:35px}}.CanvasContainer{height:100%;left:0;overflow:hidden;top:0;width:100%;z-index:-1}#ScrollIndicator{bottom:30px;cursor:pointer;right:20px;-webkit-transform:scale(1.1);transform:scale(1.1);transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out}#ScrollIndicator p span{font-family:Futura Bk;margin-bottom:2px}#ScrollIndicator .scrollLine{background-color:#fff;border-radius:12px;height:50px;opacity:0;width:1px}@media screen and (min-width:1400px){#ScrollIndicator{bottom:50px;right:40px}}#BurgerMenu{display:none}#BurgerMenu .line{background-color:#fff;height:2px;width:40px}#BurgerMenu .line:first-of-type{margin-bottom:10px}#BurgerMenu .menu{padding:px 50px}#BurgerMenu .menu,#BurgerMenu .transitionPanel{background-color:#0d213e;height:100vh;left:100%;top:0;width:100%}#BurgerMenu .menu h2,#BurgerMenu .transitionPanel h2{cursor:pointer;font-size:3rem}#BurgerMenu .transitionPanel{background-color:#445076}#BurgerMenu .burgerBtn{cursor:pointer;pointer-events:all}@media screen and (max-width:625px){#BurgerMenu{display:block}}.full{transition:opacity .4s ease 0ms}.thumb{-webkit-filter:blur(20px);filter:blur(20px);-webkit-transform:scale(1.1);transform:scale(1.1);transition:visibility 0ms ease .4s}#NavLink{display:flex}#NavLink,#NavLink .navLink{font-family:Futura Bk;font-size:1.1rem}#NavLink .navLink{cursor:pointer;margin-left:70px;-webkit-transform:translateY(-80px);transform:translateY(-80px);transition:font-weight .1s ease-in}#NavLink .navLink.active,#NavLink .navLink:hover{color:#f5e1e1;font-weight:700}.BlogArticle{margin:64px 0}.BlogArticle .article-content{grid-column-start:span 6}.BlogArticle .article-content h3{margin-bottom:24px}.BlogArticle .article-picture{grid-column-start:span 6;padding:8px}.BlogArticle:nth-of-type(2n) .article-content{grid-column:7/13}.BlogArticle:nth-of-type(2n) .article-picture{grid-column:1/6}.react-dat-gui{pointer-events:all;width:350px;z-index:500}.react-dat-gui *{color:#fff}
/*# sourceMappingURL=main.178dbf45.css.map*/