@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&family=Comfortaa:wght@300;400;500;600;700&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-family:Comfortaa,cursive;letter-spacing:1px;vertical-align:baseline}h1,h2,h3,h4,h5,h6{font-family:Caveat,cursive;letter-spacing:4px;text-transform:uppercase}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:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{color:#fff;text-decoration:none}#root{overflow:hidden}.iframeYoutube{display:none}.react-slideshow-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.react-slideshow-container .nav{z-index:10;position:absolute;cursor:pointer}.react-slideshow-container .nav:first-of-type{left:0}.react-slideshow-container .nav:last-of-type{right:0}.react-slideshow-container .default-nav{height:30px;background:rgba(255,255,255,.6);width:30px;border:0;text-align:center;color:#fff;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.react-slideshow-container .default-nav:hover,.react-slideshow-container .default-nav:focus{background:#fff;color:#666;outline:0}.react-slideshow-container .default-nav.disabled:hover{cursor:not-allowed}.react-slideshow-container .default-nav:first-of-type{margin-right:-30px;border-right:0;border-top:0}.react-slideshow-container .default-nav:last-of-type{margin-left:-30px}.react-slideshow-container+ul.indicators{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:20px}.react-slideshow-container+ul.indicators li{display:inline-block;position:relative;width:7px;height:7px;padding:5px;margin:0}.react-slideshow-container+ul.indicators .each-slideshow-indicator{border:0;opacity:.25;cursor:pointer;background:transparent;color:transparent}.react-slideshow-container+ul.indicators .each-slideshow-indicator:before{position:absolute;top:0;left:0;width:7px;height:7px;border-radius:50%;content:"";background:#000;text-align:center}.react-slideshow-container+ul.indicators .each-slideshow-indicator:hover,.react-slideshow-container+ul.indicators .each-slideshow-indicator.active{opacity:.75;outline:0}.react-slideshow-fadezoom-wrapper{width:100%;overflow:hidden}.react-slideshow-fadezoom-wrapper .react-slideshow-fadezoom-images-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.react-slideshow-fadezoom-wrapper .react-slideshow-fadezoom-images-wrap>div{position:relative;opacity:0}.react-slideshow-wrapper .react-slideshow-fade-images-wrap>div[aria-hidden=true]{display:none}.react-slideshow-wrapper.slide{width:100%;overflow:hidden}.react-slideshow-wrapper .images-wrap.horizontal{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:auto}.react-slideshow-wrapper .images-wrap>div[aria-hidden=true]{display:none}.content{height:78vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.content:hover{cursor:default}@media (min-width: 900px){.content{height:80vh}}.content-title{display:flex;flex-direction:column;align-items:center;color:#fff;width:80%}.content-title span{font-size:13px;text-align:center;line-height:18px}@media (min-width: 900px){.content-title span{font-size:15px}}@media (min-width: 1200px){.content-title span{font-size:18px}}.content-title span.content-credit{font-size:11px;margin:5px 0}.content-title h1{font-size:40px;text-align:center;width:100%;letter-spacing:7px;margin:10px 0}@media (min-width: 900px){.content-title h1{font-size:100px}}@media (min-width: 1200px){.content-title h1{font-size:150px;letter-spacing:15px}}.content-title h1 img{max-width:90%}.content-control{margin-top:20px;display:flex;flex-direction:column;align-items:center}@media (min-width: 1200px){.content-control{flex-direction:row}}.bg{top:0;left:0;position:absolute;width:100vw;height:100vh}.bg-black{z-index:-1;background-color:#000;opacity:.7}.bg-img{z-index:-2;overflow:hidden}.bg-img img{min-width:110%;min-height:110%}.nav{display:flex;justify-content:center;align-items:center;width:100vw;height:10vh}.nav-link{margin-left:5vw;margin-right:1vw;width:100%;display:flex}.nav-link a{padding-bottom:5px;border-bottom:1px white solid;display:flex;align-items:center;justify-content:space-between;font-size:13px;width:95%}@media (min-width: 1200px){.nav-link a{font-size:16px;width:60%}.nav-link a:hover{width:100%}}.nav-link a span{margin:0 5px}.nav-link-previous{justify-content:flex-end;margin-left:1vw;margin-right:5vw}.nav a{opacity:.8;transition:width ease-in-out .3s,opacity ease-in-out .15s,transform ease-in-out .15s}.nav a:hover{opacity:1}.nav-menu:hover{transform:scale(1.3)}@keyframes blink-2{0%{opacity:1}50%{opacity:.2}to{opacity:1}}.header{height:10vh;width:100vw;display:flex;justify-content:space-between}.header-nav,.header-socials{width:40%;display:flex;align-items:center;justify-content:flex-start;margin-left:15px}@media (min-width: 1200px){.header-nav,.header-socials{margin-left:25px}}.header-link{width:15%;padding-bottom:5px;opacity:.8;display:flex;justify-content:space-between;transition:border-color ease-in-out .2s,opacity ease-in-out .15s}.header-link:hover{opacity:1;border-color:#fff}.header-link-home{padding-bottom:5px;font-size:25px;font-family:Caveat,cursive;letter-spacing:2px;transition:letter-spacing .15s ease-in-out;border-bottom:1px transparent solid}.header-link-home:hover{letter-spacing:4px}.header .separator{margin:0 10px;font-size:20px;padding-bottom:5px;color:#fff}.header-socials{display:flex;justify-content:flex-end!important;margin-left:0;margin-right:15px}@media (min-width: 1200px){.header-socials{margin-right:25px}}.header-socials a{margin:0 7px;opacity:.8;transition:opacity .2s ease-in-out,transform .15s ease-in}.header-socials a:hover{opacity:1;transform:scale(1.3)}.header-reverse a,.header-reverse .separator{color:#000}.audioPlayer{align-items:center;justify-content:center;display:none}@media (min-width: 600px){.audioPlayer{display:flex}}.audioPlayer .playingIcon{position:relative;display:flex;justify-content:space-between;width:20px;height:20px;margin-right:10px}.audioPlayer .playingIcon span{width:3px;height:100%;background-color:#fff;border-radius:3px;transform-origin:bottom;animation:bounce 2.2s ease infinite alternate;content:""}.audioPlayer .playingIcon span:nth-of-type(2){animation-delay:-2.2s}.audioPlayer .playingIcon span:nth-of-type(3){animation-delay:-3.7s}.audioPlayer .playingIcon.reversed span{background-color:#000}.audioPlayer-content{width:300px;font-size:12px;display:flex;flex-direction:column;align-items:center}.audioPlayer-content-infos{height:20px;display:flex;align-items:flex-end;color:#fff}.audioPlayer-content-controller{display:flex;align-items:center}.audioPlayer-content.reversed .audioPlayer-content-infos{color:#000}@keyframes bounce{10%{transform:scaleY(.3)}30%{transform:scaleY(1)}60%{transform:scaleY(.5)}80%{transform:scaleY(.75)}to{transform:scaleY(.6)}}.button{height:100%;margin:10px;display:flex;align-items:center;width:100%}@media (min-width: 1200px){.button{margin:25px 10px;width:350px}}.button a,.button div{letter-spacing:2px;transition:letter-spacing .15s ease-in-out;font-size:12px;padding:15px 25px;border:white 2px solid;border-radius:15px;color:#fff;transition:.15s ease-in-out background-color,.15s ease-in-out color;background-color:#0000004d;width:100%;text-align:center}@media (min-width: 1200px){.button a,.button div{font-size:15px;padding:15px 30px}}.button a:hover,.button div:hover{cursor:pointer;background-color:#fff;color:#000}.modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;width:90vw;padding:10px;background-color:#000;border-radius:25px;display:flex;flex-direction:column;align-items:center}@media (min-width: 1200px){.modal{width:80vw;height:80vh}}.modal-cache{background-color:#000c;width:100vw;height:100vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;animation:fade-in .5s cubic-bezier(.39,.575,.565,1) both;animation-delay:1s}.modal-close{position:absolute;top:10px;right:10px;transition:transform .1s ease-in-out;z-index:5}.modal-close:hover{cursor:pointer;transform:scale(1.2)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.works{padding:0 20px}@media (min-width: 1200px){.works{margin:10vh 0;padding:0 15vw}}.works a{color:#000}.works-list{display:flex;flex-wrap:wrap}.works-about{display:flex;flex-direction:column;padding-bottom:30px}.works-about h1{margin-top:50px;margin-bottom:5px;font-size:30px;letter-spacing:10px}@media (min-width: 1200px){.works-about h1{font-size:100px;letter-spacing:15px}}.works-about h2{font-size:20px;margin-top:50px;margin-bottom:5px}.works-about p,.works-about span,.works-about a{font-size:13px;line-height:20px}@media (min-width: 1200px){.works-about p,.works-about span,.works-about a{font-size:15px}}.downloadCV{margin-top:10px;display:flex;align-items:center}.downloadCV svg{margin-right:5px}.downloadCV span{margin-top:7px}.downloadCV:hover{text-decoration:underline}.projectCard{margin:20px;display:flex;width:400px;flex-direction:column;overflow:hidden}.projectCard-img{object-fit:cover;width:100%;height:100%;opacity:.4;background-color:#000}.projectCard-thumbnail{position:relative;background-color:#000;margin-bottom:10px;height:250px}.projectCard-title{letter-spacing:4px;font-size:20px}.projectCard-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;max-width:85%;height:60%}