@font-face{font-display:swap;font-family:Ephesis;font-style:normal;font-weight:400;src:url(/static/media/Ephesis-Regular.734196b761ff834bf398.eot);src:local("Ephesis Regular"),local("Ephesis-Regular"),url(/static/media/Ephesis-Regular.734196b761ff834bf398.eot?#iefix) format("embedded-opentype"),url(/static/media/Ephesis-Regular.03187ed6948cc8711603.woff2) format("woff2"),url(/static/media/Ephesis-Regular.bd728462f1c9b59bf561.woff) format("woff"),url(/static/media/Ephesis-Regular.b72c37cc448cb794da2c.ttf) format("truetype")}@font-face{font-display:swap;font-family:arial black;font-style:normal;font-weight:900;src:url(/static/media/Arial-Black.1a63a115d355bc775536.eot);src:local("Arial Black"),local("Arial-Black"),url(/static/media/Arial-Black.1a63a115d355bc775536.eot?#iefix) format("embedded-opentype"),url(/static/media/Arial-Black.013526547fa4fe8e206f.woff2) format("woff2"),url(/static/media/Arial-Black.f974f1db502c46269812.woff) format("woff"),url(/static/media/Arial-Black.04131cf7063e3c88b8ab.ttf) format("truetype")}@font-face{font-display:swap;font-family:Ubuntu;font-style:normal;font-weight:400;src:url(/static/media/Ubuntu-Regular.1ecb5cc86b517c6fc3a6.eot);src:local("Ubuntu Regular"),local("Ubuntu-Regular"),url(/static/media/Ubuntu-Regular.1ecb5cc86b517c6fc3a6.eot?#iefix) format("embedded-opentype"),url(/static/media/Ubuntu-Regular.6ebae6bb2ea04cdead4f.woff2) format("woff2"),url(/static/media/Ubuntu-Regular.f20e45a94f765f3890d7.woff) format("woff"),url(/static/media/Ubuntu-Regular.58206a00a13282dd52ae.ttf) format("truetype")}@font-face{font-display:swap;font-family:Fira Sans Extra Condensed;font-style:italic;font-weight:500;src:url(/static/media/FiraSansExtraCondensed-MediumItalic.e8d9d73cf911fd3a7103.eot);src:url(/static/media/FiraSansExtraCondensed-MediumItalic.e8d9d73cf911fd3a7103.eot?#iefix) format("embedded-opentype"),url(/static/media/FiraSansExtraCondensed-MediumItalic.ae0a24b746ff39ad0ac7.woff2) format("woff2"),url(/static/media/FiraSansExtraCondensed-MediumItalic.858eb97248bbe3b2608c.woff) format("woff"),url(/static/media/FiraSansExtraCondensed-MediumItalic.3d80a92a91c082235dd7.ttf) format("truetype")}.page-loader{background:#222;height:100vh;width:100vw}.loader-container{height:50vmin;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:50vmin}.ball{background:#f5f5f5;border-radius:100%;height:10vmin;position:absolute;top:25vh;-webkit-transform-origin:-10vmin center;transform-origin:-10vmin center;width:10vmin}.ball-2{-webkit-animation:sheep1 3s linear infinite;animation:sheep1 3s linear infinite;right:12.5vmin}.ball-1{-webkit-animation:sheep2 3s linear infinite;animation:sheep2 3s linear infinite;right:-2.5vmin}@-webkit-keyframes sheep1{33%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}66%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}to{-webkit-transform:rotate(-180deg) translate(-30vmin);transform:rotate(-180deg) translate(-30vmin)}}@keyframes sheep1{33%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}66%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}to{-webkit-transform:rotate(-180deg) translate(-30vmin);transform:rotate(-180deg) translate(-30vmin)}}@-webkit-keyframes sheep2{33%,66%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}to{-webkit-transform:rotate(-180deg) translate(-30vmin);transform:rotate(-180deg) translate(-30vmin)}}@keyframes sheep2{33%,66%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}to{-webkit-transform:rotate(-180deg) translate(-30vmin);transform:rotate(-180deg) translate(-30vmin)}}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:baseline}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}a,a:active,a:focus,a:hover,a:link,a:visited{color:#fff;text-decoration:none}:root{--avatar-length-unit:0.25rem;--avatar-clip-value:0%}.home-wrapper{grid-template:repeat(2,1fr)/repeat(2,auto);grid-template-areas:"name avatar" "links avatar"}.introducing-myself{align-self:center;grid-area:name;justify-self:center;margin-left:2rem;position:relative}.introducing-myself .my-name{font-family:var(--fontfam1);font-size:7.5rem}.introducing-myself .my-role{border-top:.25rem solid var(--fontcol2);color:var(--fontcol2);font-family:var(--fontfam2);font-size:3.75rem;margin-top:-.75rem;text-align:center}.status-container{align-self:flex-start;grid-area:links;height:33%;justify-self:center;margin-left:2rem;position:relative}.status-container .status{font-family:var(--fontfam2);font-size:2.75rem;height:4.5rem;overflow-y:hidden;position:relative;transition:height .25s ease-in-out}.status-container .reload-status{background:none;border:none;bottom:15%;color:var(--ctacol);cursor:pointer;font-size:1.5rem;left:calc(50% - 1.5rem);position:absolute;transition:font-size .05s ease-in-out,-webkit-transform .25s linear;transition:transform .25s linear,font-size .05s ease-in-out;transition:transform .25s linear,font-size .05s ease-in-out,-webkit-transform .25s linear;width:auto}.status-container .reload-status:hover{font-size:1.75rem}.social-network{align-self:flex-end;display:grid;font-size:3.5rem;grid-area:links;grid-template-columns:repeat(4,1fr);height:10vh;padding:2rem;width:66%}.social-network a{align-self:center;justify-self:center;transition:font-size .05s ease-in-out}.social-network a:active,.social-network a:link,.social-network a:visited{color:var(--fontcol1)}.social-network a:hover{color:var(--ctacol);font-size:3.75rem}.my-avatar{align-self:flex-end;bottom:2rem;grid-area:avatar;height:auto;justify-self:center;position:relative;right:2rem;width:30rem}.my-avatar img{pointer-events:none}.my-avatar .avatar-body{height:auto;object-fit:contain;width:inherit}.my-avatar .avatar-head{bottom:49.41%;left:22.551%;position:absolute;width:50.157%}.my-avatar .avatar-head1{-webkit-clip-path:polygon(0 0,100% 0,100% 20%,0 20%,0 20%,100% 20%,100% 40%,0 40%,0 40%,100% 40%,100% 60%,0 60%,0 60%,100% 60%,100% 80%,0 80%,0 80%,100% 80%,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 20%,0 20%,0 20%,100% 20%,100% 40%,0 40%,0 40%,100% 40%,100% 60%,0 60%,0 60%,100% 60%,100% 80%,0 80%,0 80%,100% 80%,100% 100%,0 100%);-webkit-clip-path:polygon(0 calc(var(--avatar-clip-value)),100% calc(var(--avatar-clip-value)),100% 20%,0 20%,0 calc(20% + var(--avatar-clip-value)),100% calc(20% + var(--avatar-clip-value)),100% 40%,0 40%,0 calc(40% + var(--avatar-clip-value)),100% calc(40% + var(--avatar-clip-value)),100% 60%,0 60%,0 calc(60% + var(--avatar-clip-value)),100% calc(60% + var(--avatar-clip-value)),100% 80%,0 80%,0 calc(80% + var(--avatar-clip-value)),100% calc(80% + var(--avatar-clip-value)),100% 100%,0 100%);clip-path:polygon(0 calc(var(--avatar-clip-value)),100% calc(var(--avatar-clip-value)),100% 20%,0 20%,0 calc(20% + var(--avatar-clip-value)),100% calc(20% + var(--avatar-clip-value)),100% 40%,0 40%,0 calc(40% + var(--avatar-clip-value)),100% calc(40% + var(--avatar-clip-value)),100% 60%,0 60%,0 calc(60% + var(--avatar-clip-value)),100% calc(60% + var(--avatar-clip-value)),100% 80%,0 80%,0 calc(80% + var(--avatar-clip-value)),100% calc(80% + var(--avatar-clip-value)),100% 100%,0 100%)}.my-avatar .avatar-head2{-webkit-clip-path:polygon(0 0,100% 0,100% 0,0 0,0 20%,100% 20%,100% 20%,0 20%,0 40%,100% 40%,100% 40%,0 40%,0 60%,100% 60%,100% 60%,0 60%,0 80%,100% 80%,100% 80%,0 80%);clip-path:polygon(0 0,100% 0,100% 0,0 0,0 20%,100% 20%,100% 20%,0 20%,0 40%,100% 40%,100% 40%,0 40%,0 60%,100% 60%,100% 60%,0 60%,0 80%,100% 80%,100% 80%,0 80%);-webkit-clip-path:polygon(0 0,100% 0,100% calc(var(--avatar-clip-value)),0 calc(var(--avatar-clip-value)),0 20%,100% 20%,100% calc(20% + var(--avatar-clip-value)),0 calc(20% + var(--avatar-clip-value)),0 40%,100% 40%,100% calc(40% + var(--avatar-clip-value)),0 calc(40% + var(--avatar-clip-value)),0 60%,100% 60%,100% calc(60% + var(--avatar-clip-value)),0 calc(60% + var(--avatar-clip-value)),0 80%,100% 80%,100% calc(80% + var(--avatar-clip-value)),0 calc(80% + var(--avatar-clip-value)));clip-path:polygon(0 0,100% 0,100% calc(var(--avatar-clip-value)),0 calc(var(--avatar-clip-value)),0 20%,100% 20%,100% calc(20% + var(--avatar-clip-value)),0 calc(20% + var(--avatar-clip-value)),0 40%,100% 40%,100% calc(40% + var(--avatar-clip-value)),0 calc(40% + var(--avatar-clip-value)),0 60%,100% 60%,100% calc(60% + var(--avatar-clip-value)),0 calc(60% + var(--avatar-clip-value)),0 80%,100% 80%,100% calc(80% + var(--avatar-clip-value)),0 calc(80% + var(--avatar-clip-value)))}.my-avatar .pull-me-container{cursor:grab;height:6rem;left:50%;position:absolute;top:55%}.my-avatar .pull-me{background:var(--ctacol);border:none;border-radius:0 0 25px 25px;color:var(--fontcol2);display:grid;font-size:1.5rem;height:2.5rem;place-content:center;position:absolute;width:2.75rem}.my-avatar .pull-me-anim{-webkit-animation:pull-me-cta 3s linear infinite;animation:pull-me-cta 3s linear infinite}@-webkit-keyframes pull-me-cta{0%,45%,55%,to{-webkit-transform:none;transform:none}47%,53%{-webkit-transform:translateY(20%);transform:translateY(20%)}50%{-webkit-transform:translateY(-5%);transform:translateY(-5%)}}@keyframes pull-me-cta{0%,45%,55%,to{-webkit-transform:none;transform:none}47%,53%{-webkit-transform:translateY(20%);transform:translateY(20%)}50%{-webkit-transform:translateY(-5%);transform:translateY(-5%)}}.chest-container{align-self:flex-end;cursor:pointer;grid-area:avatar;height:12.5rem;justify-self:flex-end;position:relative;right:calc(50% + 15rem);transition:-webkit-transform .5s cubic-bezier(.2,-.1,1,-.5) .5s;transition:transform .5s cubic-bezier(.2,-.1,1,-.5) .5s;transition:transform .5s cubic-bezier(.2,-.1,1,-.5) .5s,-webkit-transform .5s cubic-bezier(.2,-.1,1,-.5) .5s;width:10rem}.chest-container .chest-top{height:45%;position:relative;width:100%}.chest-container .chest-top .chest-top-front{background:var(--ctacol);border-radius:100rem 100rem 0 0;bottom:0;height:90%;position:absolute;-webkit-transform-origin:bottom left;transform-origin:bottom left;transition:-webkit-transform .25s ease-in-out;transition:transform .25s ease-in-out;transition:transform .25s ease-in-out,-webkit-transform .25s ease-in-out;width:100%}.chest-container .open{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.chest-container .chest-bottom{align-items:center;background:var(--ctacol);border-radius:0 0 100rem 100rem;display:flex;height:40%;justify-content:center;width:100%}.chest-closed{-webkit-transform:scale(0);transform:scale(0)}.accessory-container{cursor:grab;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:bottom 1s ease-in-out,left 1s ease-in-out}.accessory-container .avatar-accessory{height:auto;pointer-events:none;-webkit-transform:scale(0);transform:scale(0);transition:-webkit-transform 1s ease-in-out;transition:transform 1s ease-in-out;transition:transform 1s ease-in-out,-webkit-transform 1s ease-in-out;width:100%}.accessory-container .accessory-ejection{-webkit-transform:scale(1);transform:scale(1)}.accessory-container1{bottom:43%;right:35vw}.accessory-container2{bottom:44%;right:33vw}.accessory-container3{bottom:44%;right:35vw}.accessory-container4{bottom:50%;right:35vw}.accessory-container5{bottom:49%;right:31vw}.accessory-container6{bottom:39%;right:32vw}.accessory-container7{bottom:50%;right:31vw}.accessory-container8{bottom:50%;right:32vw}.accessory-container9{bottom:44%;right:31vw}.accessory-container10{bottom:47%;right:35vw}.accessory-container11{bottom:46%;right:35vw}.accessory-hidden{bottom:.5rem;pointer-events:none}.remind-cta{align-items:center;display:flex;height:4.5rem;justify-content:center;pointer-events:none;position:relative;top:-2.25rem;width:4.5rem}.remind-cta .circle{-webkit-animation:remind-cta 3s linear infinite;animation:remind-cta 3s linear infinite;border:.5rem solid var(--fontcol2);border-radius:100%;height:inherit;opacity:0;position:absolute;width:inherit}.remind-cta .circle:nth-child(0){-webkit-animation-delay:0s;animation-delay:0s}.remind-cta .circle:first-child{-webkit-animation-delay:.25s;animation-delay:.25s}.remind-cta .circle:nth-child(2){-webkit-animation-delay:.5s;animation-delay:.5s}.remind-cta .circle:nth-child(3){-webkit-animation-delay:.75s;animation-delay:.75s}@-webkit-keyframes remind-cta{0%,50%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}70%{opacity:.7;-webkit-transform:scale(.2);transform:scale(.2)}to{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}}@keyframes remind-cta{0%,50%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}70%{opacity:.7;-webkit-transform:scale(.2);transform:scale(.2)}to{opacity:0;-webkit-transform:scale(.2);transform:scale(.2)}}.react-draggable-dragged{cursor:grab}.react-draggable-dragging{cursor:grabbing}.work-wrapper{grid-template:repeat(8,1fr)/repeat(4,1fr);grid-template-areas:"video video video thumbnail" "video video video thumbnail" "video video video thumbnail" "video video video thumbnail" "video video video thumbnail" "video video video thumbnail" "infos infos infos thumbnail" "infos infos infos thumbnail"}.video-player-container{grid-area:video;height:calc(100% - 2rem);margin:2rem 0 0 4.5rem;position:relative;transition:opacity .5s ease-in-out;width:calc(100% - 4rem)}.video-player-container .my-video{background:var(--bg2);border-radius:.5rem;height:100%;object-fit:contain;width:100%}.video-loader-container{align-items:center;color:#aaa;display:none;font-family:arial;font-weight:bolder;justify-content:center;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.video-loader-container.loader-apparition{display:flex}.link{--loader-font-size:2.5rem;-webkit-animation:text-container-apparition 1s linear forwards;animation:text-container-apparition 1s linear forwards;font-size:var(--loader-font-size);justify-content:center}.link,.my-text{align-items:center;display:flex}.my-text{-webkit-animation:text-container-animation 9s linear 1s infinite;animation:text-container-animation 9s linear 1s infinite;justify-content:flex-start;overflow:hidden}.my-text-content{-webkit-animation:text-apparition 9s linear 1s infinite;animation:text-apparition 9s linear 1s infinite;display:inline-block;overflow:hidden;text-align:center;width:0}.my-text-1{--width:calc(var(--loader-font-size)*1.15)}.my-text-2{--width:calc(var(--loader-font-size)*5.3);-webkit-animation-delay:4s;animation-delay:4s}.my-text-3{--width:calc(var(--loader-font-size)*6);-webkit-animation-delay:7s;animation-delay:7s}@-webkit-keyframes text-container-apparition{0%,80%{opacity:0}to{opacity:1}}@keyframes text-container-apparition{0%,80%{opacity:0}to{opacity:1}}@-webkit-keyframes text-container-animation{0%,33%,66%,to{width:0}1.1%,31.9%{width:calc(var(--loader-font-size)*1.15)}38%,61%{width:calc(var(--loader-font-size)*5.3)}71.6%,94.4%{width:calc(var(--loader-font-size)*6)}}@keyframes text-container-animation{0%,33%,66%,to{width:0}1.1%,31.9%{width:calc(var(--loader-font-size)*1.15)}38%,61%{width:calc(var(--loader-font-size)*5.3)}71.6%,94.4%{width:calc(var(--loader-font-size)*6)}}@-webkit-keyframes text-apparition{0%,33%{width:0}.1%,32.9%{width:var(--width)}}@keyframes text-apparition{0%,33%{width:0}.1%,32.9%{width:var(--width)}}.my-video:hover+.video-controls,.video-controls:hover{display:flex;opacity:1}.video-controls{background:rgba(0,0,0,.25);border:2px solid hsla(0,0%,100%,.15);border-radius:5px;bottom:0;display:none;height:48px;justify-content:space-around;left:50%;opacity:0;padding:.5rem;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:opacity .25s ease-in;width:336px}.video-controls button{background:none;border:none;color:var(--fontcol1);cursor:pointer;font-size:24px}.video-controls button:hover{color:var(--ctacol)}.video-thumb-container::-webkit-scrollbar{height:auto;width:auto}.video-thumb-container::-webkit-scrollbar-track{background:hsla(0,0%,100%,.5);border-radius:.5rem}.video-thumb-container::-webkit-scrollbar-thumb{background:linear-gradient(hsla(0,0%,100%,.75),hsla(0,0%,100%,.75)),var(--ctacol);border-radius:.5rem;cursor:pointer}.video-thumb-container::-webkit-scrollbar-thumb:hover{background:var(--ctacol)}.video-thumb-container{background:var(--bg2);border-radius:.5rem;grid-area:thumbnail;margin:2rem 4.5rem 2rem 2rem;overflow-y:scroll}.video-thumb-container .video-thumb{align-items:center;display:flex;justify-content:center;padding:1rem .5rem;position:relative}.video-thumb-container .video-thumb .video-thumb-rank{color:transparent;color:var(--ctacol);font-size:6rem;opacity:.75;pointer-events:none;position:absolute}.video-thumb-container .video-thumb .video-thumb-img{border-radius:.2rem;cursor:pointer;grid-area:video;height:95%;object-fit:contain;width:95%}.video-thumb-container .video-thumb .video-thumb-name{display:none;font-size:1.15rem;grid-area:title}.video-infos-container{background:var(--bg2);border-radius:.5rem;display:grid;font-family:var(--fontfam2);grid-area:infos;grid-template-areas:"name links" "descr descr";grid-template-columns:1fr 1fr;height:calc(100% - 4rem);margin:2rem 0 2rem 4.5rem;width:calc(100% - 4rem)}.video-infos-container .video-name{align-items:center;display:flex;font-family:var(--fontfam1);font-size:max(24px,2rem);grid-area:name;margin-left:2rem}.video-infos-container .video-links{align-items:center;display:flex;font-family:var(--fontfam2);grid-area:links}.video-infos-container .video-links a{font-size:24px;margin-right:24px}.video-infos-container .video-links a,.video-infos-container .video-links a:active,.video-infos-container .video-links a:focus,.video-infos-container .video-links a:hover,.video-infos-container .video-links a:link,.video-infos-container .video-links a:visited{color:var(--fontcol1)}.video-infos-container .video-links a:hover{color:var(--ctacol)}.video-infos-container .video-descr{font-size:max(13.8px,1.15rem);grid-area:descr;line-height:1.25;margin-left:1rem}.skills-wrapper{grid-template:repeat(4,1fr)/repeat(2,1fr);grid-template-areas:"bubble avatar" "skills avatar" "skills avatar" "skills avatar"}.intro-of-myself{align-self:center;font-family:var(--fontfam2);font-size:2.5rem;grid-area:bubble;justify-self:center;line-height:1.5;padding:2rem;text-align:center}.custom-text-color{color:var(--fontcol2)}@-webkit-keyframes remind-click{0%,45%,55%,to{-webkit-transform:none;transform:none}47%,53%{-webkit-transform:rotate(35deg);transform:rotate(35deg)}50%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@keyframes remind-click{0%,45%,55%,to{-webkit-transform:none;transform:none}47%,53%{-webkit-transform:rotate(35deg);transform:rotate(35deg)}50%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}.avatar-at-work{max-height:75vh;pointer-events:none}.avatar-at-work,.hit-zone{align-self:flex-end;grid-area:avatar}.hit-zone{align-items:center;cursor:pointer;display:flex;height:40%;justify-content:center;width:50%}.hit-zone .circle{border:.5rem solid var(--ctacol)}.skills-container{align-items:center;display:grid;font-size:1.25rem;grid-area:skills;grid-template:repeat(5,1fr)/repeat(2,1fr);justify-items:center;margin:0 1.5rem 1.5rem;padding:1.5rem}.my-skill{height:5rem}.my-skill,.my-skill .skill-img{align-items:center;display:flex}.my-skill .skill-img{height:4.5rem;justify-content:center;object-fit:contain;padding-right:.5rem;transition:-webkit-transform .5s ease-in;transition:transform .5s ease-in;transition:transform .5s ease-in,-webkit-transform .5s ease-in;width:4.5rem}.my-skill .skill-name{font-family:var(--fontfam2);transition:opacity .25s ease-in-out}.my-skill .hidden-name{opacity:0}.my-skill:last-child{align-self:center;grid-column:1/3}.my-resume{justify-content:center;margin-top:1rem;padding:0 2.5rem}.my-resume .skill-img{padding-right:0}.my-resume .resume-download{-webkit-animation:remind-click 3s linear infinite;animation:remind-click 3s linear infinite;display:inline-block;font-size:3.75rem}.my-resume a:active,.my-resume a:hover,.my-resume a:link,.my-resume a:visited{color:var(--ctacol)}.video-modal{--my-video-width:min(80vw,125vh);--my-video-height:min(44vw,68.75vh);display:none;height:90vh;position:absolute;width:100vw}.video-modal .overlay{background:linear-gradient(var(--bg-gradient-angle),var(--bg-color3),var(--bg-color4));height:inherit;opacity:.75;width:inherit}.video-modal .video-modal-player{background:var(--fontcol1);border-radius:5px;bottom:10vh;display:grid;height:calc(var(--my-video-height) + 2rem);left:50%;place-content:center;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:calc(var(--my-video-width) + 2rem)}.video-modal .my-video-modal{height:var(--my-video-height);width:var(--my-video-width)}.video-modal .exit-modal{color:var(--fontcol1);cursor:pointer;font-size:2.5rem;position:absolute;right:3vh;top:3vh}.contact-wrapper{place-content:center}.postcard-container{align-items:center;background:repeating-linear-gradient(315deg,var(--bg2),var(--bg2) 2%,var(--fontcol2) 2%,var(--fontcol2) 3%,var(--bg2) 3%,var(--bg2) 5%,var(--ctacol) 5%,var(--ctacol) 6%);border:1px solid #404040;border-radius:5px;color:#404040;display:flex;font-family:var(--fontfam3);font-size:2.5rem;font-weight:700;height:75vh;justify-content:center;left:50vw;letter-spacing:.5px;position:absolute;top:45vh;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:opacity .5s ease-in-out;width:100vh}.animation-container{display:none;z-index:20}.postcard{background:#fff;border:1px solid #404040;border-radius:5px;display:flex;height:70vh;width:95vh}.postcard-left,.postcard-right{margin-bottom:2.5%;margin-top:2.5%;padding:2.5%}.postcard-left{border-right:1px solid #404040;width:60%}.postcard-left-form{display:flex;flex-direction:column;height:100%;justify-content:space-between}.postcard-left-salutation{margin-left:5vw}.postcard-left-input{background:#f9f9f9;border:1px solid #bfbfbf;border-radius:5px;margin:1% 0;position:relative;width:100%}.postcard-left-input input,.postcard-left-input textarea{background:#f9f9f9;border:0;font-family:var(--fontfam3);font-size:2.5rem;font-weight:700;padding:5%;width:90%}.postcard-left-input label{color:#404040;font-family:var(--fontfam2);font-size:1rem;font-weight:400;left:0;padding:.5vw;pointer-events:none;position:absolute;transition:padding .25s ease,font-size .25s ease}input:focus~label,input:valid~label,textarea:focus~label,textarea:valid~label{font-size:.75rem;padding:0}.postcard-left-message{height:25vh}textarea{height:calc(20vh - 2px)}.postcard-left-submit-btn{align-self:center;background:#f9f9f9;border:1px solid #bfbfbf;border-radius:5px;color:#404040;cursor:pointer;font-size:1.5rem;height:5vh;margin-top:1vh;transition:background-color .25s ease;width:max(15rem,40%)}.postcard-left-submit-btn:hover{background-color:var(--ctacol)}.postcard-right{align-items:center;display:flex;height:100%;justify-content:center;width:40%}.postcard-right-stamp{height:auto;position:absolute;right:5%;top:5%;width:15%}.postcard-right-stamp img{width:100%}.postcard-right-exp{padding-bottom:5%}.postcard-right-exp>div{border-bottom:1px solid #404040;padding-top:7.5%}.enveloppe{-webkit-animation:apparition-enveloppe .5s ease-out forwards,reduction .5s linear 1s forwards,deplacement .75s linear 1.5s forwards;animation:apparition-enveloppe .5s ease-out forwards,reduction .5s linear 1s forwards,deplacement .75s linear 1.5s forwards;background:transparent;bottom:calc(50% - 37.5vmin);height:75vh;left:calc(50% - 50vmin);position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100vh}@-webkit-keyframes apparition-enveloppe{0%{-webkit-transform:translateY(75vmin);transform:translateY(75vmin)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes apparition-enveloppe{0%{-webkit-transform:translateY(75vmin);transform:translateY(75vmin)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes reduction{to{-webkit-transform:scale(.25);transform:scale(.25)}}@keyframes reduction{to{-webkit-transform:scale(.25);transform:scale(.25)}}@-webkit-keyframes deplacement{to{opacity:0;-webkit-transform:scale(.025) rotate(-35deg) translateX(2500vw);transform:scale(.025) rotate(-35deg) translateX(2500vw)}}@keyframes deplacement{to{opacity:0;-webkit-transform:scale(.025) rotate(-35deg) translateX(2500vw);transform:scale(.025) rotate(-35deg) translateX(2500vw)}}.enveloppe:before{-webkit-animation:fermeture .5s ease-in-out .5s forwards;animation:fermeture .5s ease-in-out .5s forwards;background:#e1e1e1;-webkit-clip-path:polygon(0 40%,50% 0,100% 40%);clip-path:polygon(0 40%,50% 0,100% 40%);content:"";height:75vh;position:absolute;top:-30vh;-webkit-transform-origin:0 30vh;transform-origin:0 30vh;width:100vh}@-webkit-keyframes fermeture{to{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg)}}@keyframes fermeture{to{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg)}}.enveloppe:after{background:#ece9eb;-webkit-clip-path:polygon(0 0,50% 37.5%,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,50% 37.5%,100% 0,100% 100%,0 100%);content:"";height:75vh;position:absolute;width:100vh}.message-container{color:var(--fontcol1);font-family:var(--fontfam2);font-size:7.5rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.burger-container{cursor:pointer;height:6rem;margin:.5rem 1rem;position:absolute;transition:-webkit-transform .2s ease-in .05s;transition:transform .2s ease-in .05s;transition:transform .2s ease-in .05s,-webkit-transform .2s ease-in .05s;width:6rem;z-index:30}.burger-container .burger{background-color:var(--fontcol1);border-radius:999px;height:.65rem;left:.1rem;position:absolute;transition:opacity .25s ease-in,-webkit-transform .25s ease-in;transition:transform .25s ease-in,opacity .25s ease-in;transition:transform .25s ease-in,opacity .25s ease-in,-webkit-transform .25s ease-in;width:5.8rem}.burger-container .burger:first-child{top:1rem}.burger-container .burger:nth-child(2){top:2.675rem}.burger-container .burger:nth-child(3){bottom:1rem}.burger-container .burger-open:first-child{-webkit-transform:translateY(1.675rem) rotate(45deg);transform:translateY(1.675rem) rotate(45deg)}.burger-container .burger-open:nth-child(2){opacity:0;-webkit-transform:translateX(10%);transform:translateX(10%)}.burger-container .burger-open:nth-child(3){-webkit-transform:translateY(-1.675rem) rotate(-45deg);transform:translateY(-1.675rem) rotate(-45deg)}.burger-overlay{display:none;height:100vh;position:fixed;right:0;top:0;width:50vw;z-index:20}:root{--bg:#fafcff;--bg2:hsla(0,10%,80%,.35);--fontfam1:"Fira Sans Extra Condensed",Arial,Helvetica,sans-serif;--fontfam2:"Montserrat",sans-serif;--fontfam3:"Ephesis",cursive;--fontcol1:#f8f2fe;--fontcol1:#010128;--fontcol2:#0100ff;--ctacol:#ff0e55}.App{color:#010128;color:var(--fontcol1);font-family:Arial,Helvetica,sans-serif;height:100vh;overflow:hidden;width:100vw}.banner{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.6);background:linear-gradient(hsla(0,10%,80%,.25) 50%,hsla(0,10%,80%,.2) 95%,hsla(0,10%,80%,.35));display:flex;font-family:Fira Sans Extra Condensed,Arial,Helvetica,sans-serif;font-family:var(--fontfam1);height:10vh;justify-content:space-around;position:fixed;text-transform:capitalize;width:100vw;z-index:20}.logo{cursor:pointer;height:7.5vh;object-fit:contain}.navbar{display:flex;justify-content:space-evenly;width:min(75%,800px)}.navbar .nav-items{cursor:pointer;font-size:max(20px,2rem);position:relative;transition:color .25s ease-in-out}.navbar .nav-items:after{background:#ff0e55;background:var(--ctacol);bottom:0;content:"";height:2px;left:0;pointer-events:none;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;transition:-webkit-transform .25s ease-in-out;transition:transform .25s ease-in-out;transition:transform .25s ease-in-out,-webkit-transform .25s ease-in-out;width:100%;z-index:-1}.navbar .nav-items.active:after,.navbar .nav-items:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1)}.language-toggle{align-items:center;display:flex;justify-content:space-between}.language-toggle .language-toggle-img{cursor:pointer;height:2rem}.language-toggle .language-toggle-selector-container{border:2px solid #010128;border:2px solid var(--fontcol1);border-radius:999px;cursor:pointer;height:1.25rem;margin:0 1vmin;position:relative;width:2.5rem}.language-toggle .language-toggle-selector-container .language-toggle-selector{background:#010128;background:var(--fontcol1);border-radius:999px;height:1.25rem;pointer-events:none;position:absolute;transition:-webkit-transform .25s ease-in-out;transition:transform .25s ease-in-out;transition:transform .25s ease-in-out,-webkit-transform .25s ease-in-out;width:1.25rem}.language-toggle .language-toggle-selector-container .english-selected{-webkit-transform:translateX(100%);transform:translateX(100%)}.arrow{align-items:center;cursor:pointer;display:flex;height:3rem;justify-content:center;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:3rem;z-index:10}.arrow div{position:relative;width:3rem}.arrow div,.arrow div:after,.arrow div:before{background:#ff0e55;background:var(--ctacol);border-radius:25px;height:2.5px;-webkit-transform-origin:var(--arrow-transform-origin);transform-origin:var(--arrow-transform-origin);transition:background .5s ease-in-out,-webkit-transform .25s ease-in-out;transition:transform .25s ease-in-out,background .5s ease-in-out;transition:transform .25s ease-in-out,background .5s ease-in-out,-webkit-transform .25s ease-in-out}.arrow div:after,.arrow div:before{content:"";position:absolute;width:100%}.arrow:hover>div:after{background:#ff0e55;background:var(--ctacol);-webkit-transform:scaleX(.25) rotate(7.5deg);transform:scaleX(.25) rotate(7.5deg)}.arrow:hover>div:before{background:#ff0e55;background:var(--ctacol);-webkit-transform:scaleX(.25) rotate(-7.5deg);transform:scaleX(.25) rotate(-7.5deg)}.arrow[data-direction=left]{--arrow-transform-origin:left;left:12px}.arrow[data-direction=right]{--arrow-transform-origin:right;right:12px}.slide-container{background:#fafcff;background:var(--bg);display:flex;height:100vh;position:relative;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out;width:400vw}.slide-wrapper{display:grid;height:90vh;place-content:center;position:relative;top:10vh;width:100vw}.slide-wrapper>div{display:grid;height:inherit;width:inherit}.section-title{display:none}@media (orientation:landscape) and (max-width:1680px){:root{font-size:14px}}@media (orientation:landscape) and (max-width:1366px){:root{font-size:12px}}@media (orientation:landscape) and (max-width:1024px){:root{font-size:10px}}@media (orientation:landscape) and (max-width:900px){:root{font-size:8px}}@media (orientation:landscape) and (max-width:812px){:root{font-size:7px}}@media (orientation:landscape) and (max-height:500px){.video-infos-container{align-items:center;display:flex;line-height:0}.video-infos-container>div{margin:0}.video-descr{display:none}}@media (orientation:portrait){:root{--avatar-length-unit:min(0.29vh,0.67vw);font-size:6px}.banner{--clippy:0%;background:linear-gradient(90deg,hsla(0,0%,80%,.95),hsla(0,0%,80%,.65) 15%,hsla(0,0%,80%,.75) 50%,hsla(0,0%,80%,.65) 85%,hsla(0,0%,80%,.95));-webkit-clip-path:circle(var(--clippy) at 3rem 3rem);clip-path:circle(var(--clippy) at 3rem 3rem);flex-direction:column-reverse;height:100vh;justify-content:space-evenly;overflow:hidden;transition:-webkit-clip-path .25s ease-in-out;transition:clip-path .25s ease-in-out;transition:clip-path .25s ease-in-out,-webkit-clip-path .25s ease-in-out;width:100vw}.banner .navbar{align-items:center;flex-direction:column;height:40vh;width:50vw}.banner .navbar .nav-items{width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.banner .social-network{display:grid;font-size:5rem;grid-template:repeat(2,1fr)/repeat(2,1fr);height:20vh;margin-inline:auto;padding:0;width:75vw}.banner .social-network a{justify-self:center}.banner .logo{font-size:10vw}.banner .language-toggle{font-size:2rem;width:auto}.banner .language-toggle .language-toggle-img{height:5rem}.banner .language-toggle .language-toggle-selector-container{border:2px solid var(--fontcol1);border-radius:999px;height:2.5rem;margin:0 1vmin;width:5rem}.banner .language-toggle .language-toggle-selector-container .language-toggle-selector{height:2.5rem;width:2.5rem}.banner.openBanner{--clippy:150%}.slide-container{--bg-gradient-angle:180deg;flex-direction:column;height:400vh;position:relative;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out;width:100vw}.slide-wrapper{height:100vh;top:0}.slide-wrapper>div{height:95vh}.home-wrapper{grid-template-areas:"name name" "avatar avatar"}.home-wrapper .social-network{display:none}.home-wrapper .introducing-myself{align-self:flex-start;margin:10vh 0 0}.home-wrapper .introducing-myself .my-name{font-size:min(10vh,12.5vw)}.home-wrapper .introducing-myself .my-role{font-size:min(5vh,7vw)}.home-wrapper .status-container{grid-area:name;height:max(12.5vh,17.5vw);margin-left:0;margin-top:max(25vh,35vw)}.home-wrapper .status-container .status{font-size:min(4.75vh,6.5vw)}.home-wrapper .status-container .reload-status{font-size:3rem}.home-wrapper .status-container .reload-status:hover{font-size:3.25rem}.home-wrapper .my-avatar{bottom:0;right:0;width:min(35vh,80vw)}.home-wrapper .my-avatar .pull-me-container{height:12rem}.home-wrapper .my-avatar .pull-me{font-size:3rem;height:5rem;width:5.5rem}.home-wrapper .chest-container{bottom:20%;height:min(20.1vh,27vw);justify-self:flex-start;left:calc(25% - 7.5vh);width:min(16.5vh,22.5vw)}.home-wrapper .accessory-container1{bottom:39%;left:20%}.home-wrapper .accessory-container2{bottom:41%;left:22%}.home-wrapper .accessory-container3{bottom:40%;left:19%}.home-wrapper .accessory-container4{bottom:38%;left:26%}.home-wrapper .accessory-container5{bottom:41%;left:23%}.home-wrapper .accessory-container6{bottom:33%;left:33%}.home-wrapper .accessory-container7{bottom:41%;left:25%}.home-wrapper .accessory-container8{bottom:37%;left:23%}.home-wrapper .accessory-container9{bottom:45%;left:27%}.home-wrapper .accessory-container10{bottom:32%;left:18%}.home-wrapper .accessory-container11{bottom:35%;left:22%}.home-wrapper .accessory-hidden{bottom:20%;left:calc(25% - 7.5vh)}.remind-cta{height:5vh;top:-2.5vh;width:5vh}.work-wrapper{grid-template:repeat(11,1fr)/1fr;grid-template-areas:"section" "video" "video" "video" "video" "controls" "thumbnail" "thumbnail" "infos" "infos" "infos";width:80vw}.work-wrapper>*{margin:0}.section-title{display:block;display:grid;font-family:var(--fontfam1);font-size:10vw;height:7rem;place-content:center;width:100vw}.video-player-container{justify-self:center;width:100%}.video-controls{background:var(--bg);border:none;grid-area:controls;opacity:1;position:relative}.video-controls,.video-thumb-container{align-self:center;display:flex;justify-self:center;width:calc(100% - 4rem)}.video-thumb-container{grid-area:thumbnail;height:calc(100% - 2rem);overflow-x:scroll;overflow-y:hidden}.video-thumb-container .video-thumb{align-items:center;display:flex;justify-content:center;margin:0;position:relative}.video-thumb-container .video-thumb .video-thumb-rank{font-size:6rem;position:absolute}.video-thumb-container .video-thumb .video-thumb-img{border:1px solid grey;border-radius:.2rem;cursor:pointer;grid-area:video;height:95%;object-fit:contain;width:auto}.video-thumb-container .video-thumb .video-thumb-name{display:none}.video-thumb-container .video-thumb-played .video-thumb-img{-webkit-filter:opacity(50%);filter:opacity(50%)}.video-thumb-container::-webkit-scrollbar{height:2rem;width:auto}.video-infos-container{align-self:flex-start;grid-area:infos;grid-template-areas:"name" "descr" "links";grid-template-columns:1fr;height:95%;justify-self:center}.video-infos-container .video-descr{font-size:2rem}.video-links{justify-content:center}.video-links a{margin-right:0}.skills-wrapper{grid-template:1fr 1.5fr/1fr;grid-template-areas:"bubble" "avatar"}.skills-wrapper .section-title{position:absolute}.intro-of-myself{font-size:4vw}.avatar-at-work{align-self:flex-end;height:auto;justify-self:flex-end;max-width:80vw;pointer-events:none}.hit-zone{justify-self:center}.skills-container{display:flex;flex-direction:column;font-size:3rem;grid-area:avatar;justify-content:space-evenly;margin:0;padding:0 1.5rem;position:relative;width:40vw}.skills-container .my-skill{align-self:flex-start}.my-resume{height:7.5rem;margin:0 5rem;position:absolute;top:-12.5%;width:calc(100vw - 18rem)}.video-modal{--my-video-width:100vw;--my-video-height:55vw;height:100vh}.video-modal .video-modal-player{border-radius:0;left:0;top:50vh;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.video-modal .my-video-modal,.video-modal .video-modal-player{height:var(--my-video-height);width:var(--my-video-width)}.video-modal .exit-modal{font-size:3.5rem;right:2rem;top:2rem}.contact-wrapper .section-title{position:absolute}.postcard-container{align-items:center;background:none;font-size:5rem;height:85vh;justify-content:center;position:absolute;top:52.5vh;width:90vw}.postcard-left-input input,.postcard-left-input textarea{font-size:5rem}.postcard-left-input label{font-size:2rem}input:focus~label,input:valid~label,textarea:focus~label,textarea:valid~label{font-size:1.5rem}.postcard-left-submit-btn{font-size:3rem}.postcard{border:none;height:inherit;width:inherit}.postcard-left{border-right:none;width:100%}.postcard-left-message{height:45vh}textarea{height:39.5vh}.postcard-left-submit-btn{align-self:center;width:75%}.postcard-right{display:none}.enveloppe{bottom:2.5vh;height:90vh;left:5vw;position:absolute;width:90vw}.enveloppe:before{top:-36vh;-webkit-transform-origin:0 36vh;transform-origin:0 36vh}.enveloppe:after,.enveloppe:before{background:#000;content:"";height:90vh;width:90vw}.message-container{color:var(--fontcol1);font-family:var(--font-2);font-size:7.5vw;height:8vw;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:65vw}}@media (orientation:portrait) and (min-height:800px){:root{font-size:7px}}@media (orientation:portrait) and (min-height:1000px){:root{font-size:12px}}
/*# sourceMappingURL=main.016da81a.css.map*/