@charset "UTF-8";.nav{padding-right:1rem;display:flex;flex-direction:column;align-items:flex-end;background-color:#3029297e}.nav__a{margin-bottom:.5rem;font-size:1.5rem;font-family:Bree Sherif;color:#cfecec;font-weight:700;transform:translate(200px);animation:translateNav .5s forwards}.nav__active{color:#595ff3}.nav .btn-accueil{animation-delay:0}.nav .btn-about{animation-delay:.15s}.nav .btn-project{animation-delay:.3s}.nav .btn-contact{animation-delay:.45s}@media screen and (min-width: 768px){.nav__a{font-size:1.8rem}}@media screen and (min-width: 1024px){.nav{flex-direction:row;background-color:#00000003}.nav__a{margin-left:1rem;font-size:2rem;animation:none;transform:translate(0);transition:all .3s ease-in-out}.nav__a:hover{color:#3e44ee;transform:scale(1.2)}}@keyframes translateNav{0%{transform:translate(200px)}to{transform:translate(0)}}.header,.header__picture-name,.header__burger-button,.header__burger-button-close{display:flex}.header,.header__picture-name{align-items:center}.header,.header__burger-button,.header__burger-button-close{justify-content:space-between}.header,.header__picture-name figure{overflow:hidden}.header{padding:.5rem;background-color:#3029297e;font-size:1.5rem;font-family:Bree Sherif;font-weight:700;color:#cfecec}.header__picture-name figure{height:3rem;width:3rem;border-radius:50%;object-fit:contain}.header__picture-name figure img{height:100%;width:100%}.header__picture-name h1{margin-left:1rem;font-size:1.5rem}.header__burger-button,.header__burger-button-close,.header__burger-button div,.header__burger-button-close div{width:3rem}.header__burger-button,.header__burger-button-close{height:2.5rem;padding:0;flex-direction:column;border:none;background-color:#00000003}.header__burger-button div,.header__burger-button-close div{height:.3rem;border-radius:1rem;background-color:#cfecec}.header__burger-button-close{position:relative}.header__burger-button-close__thirdBar,.header__burger-button-close__secondBar{position:absolute}.header__burger-button-close__firstBar{animation:firstBar 1s forwards}.header__burger-button-close__secondBar{animation:secondBar 1s forwards}.header__burger-button-close__thirdBar{animation:thirdBar 1s forwards}.header__burger-button-close__forthBar{animation:forthBar 1s forwards}.header__navBar-desktop{display:none}.navBar-mobile{display:block;width:100vw;overflow:hidden}@media screen and (min-width: 314px){.header__picture-name figure{height:5rem;width:5rem}.header__picture-name h1{font-size:1.5rem}}@media screen and (min-width: 350px){.header__picture-name h1{font-size:1.8rem}}@media screen and (min-width: 768px){.header__picture-name h1{font-size:2.2rem}}@media screen and (min-width: 1024px){.header__burger-button,.header__burger-button-close,.header__burger-button div,.header__burger-button-close div{display:none}.header__picture-name h1{font-size:2.5rem}.header__navBar-desktop{display:block}.navBar-mobile{display:none}}@keyframes firstBar{0%{transform:translateY(0)}50%{transform:translateY(1rem)}to{transform:translateY(0)}}@keyframes secondBar{0%{top:.8rem;left:0}50%{top:1rem;left:0;transform:rotate(0);transform-origin:left}to{transform:rotate(45deg);top:0;left:.45rem;width:3rem;transform-origin:left}}@keyframes thirdBar{0%{bottom:.8rem;left:0}50%{bottom:1rem;left:0;transform:rotate(0);transform-origin:left}to{transform:rotate(-45deg);bottom:0;left:.45rem;width:3rem;transform-origin:left}}@keyframes forthBar{0%{transform:translateY(0)}50%{transform:translateY(-1rem)}to{transform:translateY(0)}}.home{padding:1rem;font-family:Bodoni Moda;min-height:72vh;color:#cfecec;text-align:center}.home__presentation__h2,.home__description h3{margin-bottom:.5rem;font-size:1.4rem;font-weight:700}.home__presentation p,.home__description p{margin-bottom:1rem;font-size:.9rem;text-align:justify;line-height:1.2}.home__links,.home__links__container,.home__skills__list,.home__skills__list__section{display:flex;align-items:center}.home__links,.home__skills__list{flex-direction:column}.home__links__container,.home__skills__list__section{flex-wrap:wrap;justify-content:center}.home__links,.home__description{margin-bottom:1.5rem}.home__links{margin-top:1.5rem}.home__links__container{width:14rem;gap:1rem}.home__links__container__button{width:6rem;height:5rem;padding:.2rem 0;border-radius:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#595ff3;box-shadow:10px 10px 10px #0a0a0a6e;font-size:1.4rem;font-weight:900;color:#fff;transition:all .3s ease-in-out;transform:scale(0)}.home__links__container__button figure{width:100%;object-fit:contain}.home__links__container__button figure img{width:35%}.home__links__container__button:active{background-color:#595ff3}.home__links__container__button:hover{background-color:#3e44ee;transform:scale(1.2)}.home__description{border:1px #595ff3 solid;border-radius:10px;padding:.5rem;background-color:#3029297e}.home__description p{margin-bottom:0}.home__skills__list,.home__skills h3{margin-bottom:1rem}.home__skills h3{margin-bottom:.5rem;font-size:1.4rem;font-weight:700}.home__skills__list h4{width:100%;margin-bottom:.5rem;border-bottom:.15rem #595ff3 solid;font-size:1.2rem;text-align:left}.home__skills__list__section__container{display:flex;align-items:center;flex-direction:column;padding:0;width:5rem;margin:0 .5rem 1rem;border:.15rem #595ff3 solid;border-radius:10px;view-timeline-name:--revealing-image;view-timeline-axis:block;animation:linear reveal-logo both;animation-timeline:--revealing-image;animation-range:entry 0% cover 25%}.home__skills__list__section__container__figure{width:100%;object-fit:contain}.home__skills__list__section__container__figure__img{width:100%;padding:.3rem}.home__skills__list__section__container__figure figcaption{background-color:#595ff3;color:#fff;width:100%;padding:.3rem 0rem}.reveal{opacity:0;transform:translatey(-30px)}.reveal-visible{opacity:1;transform:translateY(0);transition:1s}.btn-linkedin,.btn-github,.btn-project,.btn-contact{animation:scale 1s forwards}.btn-linkedin{transform-origin:bottom right}.btn-github{transform-origin:bottom left}.btn-project{transform-origin:top right}.btn-contact{transform-origin:top left}@keyframes scale{0%{transform:scale(0)}to{transform:scale(1)}}@media screen and (min-width: 500px){.home__links__container{width:100%;margin-bottom:1.5rem;flex-direction:row}.btn-linkedin,.btn-github,.btn-project,.btn-contact{transform-origin:left 50%}.btn-linkedin{animation:scale .6s forwards}.btn-github{animation-delay:.6s;animation:scale .6s forwards}.btn-project{animation-delay:1.2s;animation:scale .6s forwards}.btn-contact{animation-delay:1.8s;animation:scale .6s forwards}}@media screen and (min-width: 768px){.home{width:768px;margin:auto}.home h2{font-size:1.6rem}.home p,.home h4,.home figcaption{font-size:1rem}}@media screen and (min-width: 1024px){.home{width:60vw}.home h2{font-size:1.9rem}.home p,.home h4,.home figcaption{font-size:1.1rem}.home__links,.home__links__container,.home__description{margin-bottom:2.5rem}.home__links{margin:auto}.home__links__container{margin-top:2.5rem}}@keyframes reveal-logo{0%{opacity:0;transform:scale(-1);clip-path:inset(45% 20% 45% 20%)}to{transform:scale(1);opacity:1;clip-path:inset(0% 0% 0% 0%)}}.project{padding:1rem;font-family:Bodoni Moda;min-height:72vh;color:#cfecec;text-align:center}.project__description,.project__description h2{margin-bottom:1rem}.project__description{text-align:center}.project__description h2{margin-bottom:.5rem;font-size:1.4rem;font-weight:700}.project__description p{margin-bottom:1rem;font-size:.9rem;text-align:justify;line-height:1.2}.project__list,.project__list__section,.project__list__section__container-detail__skills,.project__list__section__container-detail__link-container{display:flex}.project__list,.project__list__section{flex-direction:column}.project__list{margin-top:1.5rem;gap:1.5rem}.project__list__section h3,.project__list__section__container-detail__link{font-weight:700}.project__list__section__container-detail p{margin-bottom:1rem}.project__list__section,.project__list__section__carrousel{position:relative}.project__list__section{padding:.5rem;align-items:center;border:.15rem solid #595ff3;border-radius:1rem;background-color:#302929da}.project__list__section h3{margin-bottom:.5rem;font-size:1.4rem}.project__list__section__container-detail__h3-tablette{display:none}.project__list__section a{font-size:.9rem}.project__list__section__carrousel{width:90%}.project__list__section__carrousel figure img,.project__list__section__carrousel__img-desktop figure img,.project__list__section__carrousel__img-mobile figure img{width:100%;height:100%;object-fit:contain}.project__list__section__carrousel__img-pc-for-height{z-index:100}.project__list__section__carrousel__img-desktop,.project__list__section__carrousel__img-mobile,.project__list__section__carrousel__img-pc{position:absolute}.project__list__section__carrousel__img-desktop{width:77%;left:11.8%;top:5%;z-index:1}.project__list__section__carrousel__img-mobile{width:17.1%;right:1.8%;bottom:.6%;z-index:2;border-radius:10px;overflow:hidden}.project__list__section__carrousel__img-pc{top:0;left:0;right:0;z-index:100}.project__list__section__container-detail__detail__description h4,.project__list__section__container-detail__detail__technologie h4{width:100%;margin-bottom:.5rem;border-bottom:.15rem #595ff3 solid;font-size:1.2rem;text-align:left;border-style:dotted}.project__list__section__container-detail__detail__description p,.project__list__section__container-detail__detail__technologie p,.project__list__section__container-detail__detail__date{margin-bottom:1rem;font-size:.9rem;text-align:justify;line-height:1.2}.project__list__section__container-detail__skills,.project__list__section__container-detail__link-container{justify-content:center;width:100%}.project__list__section__container-detail__skills__container,.project__list__section__container-detail__link-container__link{display:flex;align-items:center;flex-direction:column;padding:0;width:5rem;margin:0 .5rem 1rem;border:.15rem #595ff3 solid;border-radius:10px;width:80px}.project__list__section__container-detail__skills__container__figure,.project__list__section__container-detail__link-container__link__figure{width:100%;object-fit:contain}.project__list__section__container-detail__skills__container__figure__img,.project__list__section__container-detail__link-container__link__figure__img{width:100%;padding:.3rem}.project__list__section__container-detail__skills__container__figure__figcaption,.project__list__section__container-detail__link-container__link__figure__figcaption{background-color:#595ff3;color:#fff;width:100%;padding:.3rem 0rem}.project__list__section__container-detail__skills{flex-wrap:wrap}.project__list__section__container-detail__link-container{margin-top:1rem}@media screen and (min-width: 768px){.project{padding:1rem 2rem}.project__description,.project__list__description,.project__list__section{margin-bottom:1rem}.project__description h2{font-size:1.6rem}.project__description p{text-align:center}.project__list{padding:.5rem 0rem}.project__list__section p{font-size:1rem}.project__list__section{padding:.5rem 1rem;flex-direction:row;align-items:self-start;justify-content:space-between;gap:1rem}.project__list__section__h3-mobile{display:none}.project__list__section__container-detail{width:50%}.project__list__section__container-detail__h3-tablette{display:block}.project__list__section a{font-size:1rem}.project__list__section__carrousel{width:55%}}@media screen and (min-height: 500px){.project__list .effect-project{view-timeline-name:--revealing-image;view-timeline-axis:block;animation:linear reveal-project both;animation-timeline:--revealing-image;animation-range:entry 0% cover 30%}}@media screen and (min-width: 1024px){.project{margin:auto;padding:1rem 5rem}.project__description h2{font-size:1.9rem}.project__description p,.project__list__section p{font-size:1.1rem}.project__list__section h3{font-size:1.8rem}.project__list__section a{font-size:1.1rem;transition:all .3s ease-in-out}.project__list__section a:hover{transform:scale(1.2)}}@keyframes reveal-project{0%{opacity:0;transform:scale(-1);clip-path:inset(45% 20% 45% 20%)}to{transform:scale(1);opacity:1;clip-path:inset(0% 0% 0% 0%)}}.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}.react-slideshow-wrapper .images-wrap>div[aria-hidden=true]{display:none}.message{margin:auto;margin-top:1rem;padding:1rem;max-width:30rem;display:flex;flex-direction:column;align-items:center;justify-content:center;border:.1rem #595ff3 solid;border-radius:1rem;box-shadow:5px 5px 25px #49496b;background-color:#302929da}.message p{margin-bottom:1rem;font-size:.9rem;text-align:justify;line-height:1.2;text-decoration:none;margin-bottom:.5rem}.message__button{font-weight:900;font-size:1.2rem;padding:.4rem 3rem;background-color:#595ff3;color:#cfecec;border-radius:1rem;box-shadow:10px 10px 10px #0000006e;transition:all .3s ease-in-out;margin:1rem 0}.message__button:hover{background-color:#3e44ee}.message__button:active{background-color:#595ff3}@media screen and (min-width: 768px){.message{width:25rem;padding:1.5rem 2rem;margin-bottom:3rem}.message p{font-size:1rem}}@media screen and (min-width: 1024px){.message{margin-top:1.5rem}.message p{font-size:1.1rem}}.contact{padding:1rem;font-family:Bodoni Moda;min-height:72vh;color:#cfecec;text-align:center}.contact h2{margin-bottom:.5rem;font-size:1.4rem;font-weight:700}.contact h2+p{margin-bottom:1.5rem}.contact p{margin-bottom:1rem;font-size:.9rem;text-align:justify;line-height:1.2}.contact p:last-of-type{font-weight:700;text-decoration:underline;text-underline-offset:.2rem}.contact__form{margin:auto;margin-top:1rem;padding:1rem;max-width:30rem;display:flex;flex-direction:column;align-items:center;justify-content:center;border:.1rem #595ff3 solid;border-radius:1rem;box-shadow:5px 5px 25px #49496b;background-color:#302929da}.contact__form__section{display:flex;flex-direction:column;margin-bottom:1rem;width:100%}.contact__form__section label,.contact__form__section input,.contact__form__section textarea{font-size:.9rem}.contact__form__section label{margin-bottom:.2rem;font-weight:700}.contact__form__section input,.contact__form__section textarea{width:100%}.contact__form__section textarea{resize:none}.contact__form__section__message-error{color:red;font-style:italic}.contact__form__button{font-weight:900;font-size:1.2rem;padding:.4rem 3rem;background-color:#595ff3;color:#cfecec;border-radius:1rem;box-shadow:10px 10px 10px #0000006e;transition:all .3s ease-in-out;margin-bottom:1rem}.contact__form__button:active{background-color:#595ff3}.contact__form__button:hover{background-color:#3e44ee}@media screen and (min-width: 524px){.contact{padding:1rem 4rem}.contact__h2{font-size:1.6rem}.contact p{font-size:1rem}.contact__form{padding:1.5rem 2.5rem;margin-bottom:3rem}.contact__form__section{margin-bottom:1rem}.contact__form__section label,.contact__form__section input,.contact__form__section textarea{font-size:1rem}.contact__form__button{align-self:flex-end}}@media screen and (min-width: 1024px){.contact{padding:1rem 6rem}.contact h2{font-size:1.9rem}.contact p,.contact__form__section label,.contact__form__section input,.contact__form__section textarea{font-size:1.1rem}}.mention{padding:1rem;font-family:Bodoni Moda;min-height:72vh;color:#cfecec;text-align:center}.mention h2{margin-bottom:.5rem;font-size:1.4rem;font-weight:700}.mention p{margin-bottom:1rem;font-size:.9rem;text-align:justify;line-height:1.2;margin:0}.mention article:first-of-type{margin-top:1rem}.mention article{margin-bottom:1rem;display:flex;flex-direction:column;align-items:flex-start}.mention article h3,.mention article a{text-decoration:underline;text-underline-offset:.2rem}.mention article h3{margin-bottom:.5rem;font-size:1.1rem;font-weight:700;text-align:left}@media screen and (min-width: 768px){.mention{width:90%;margin:auto}.mention h2{font-size:1.4rem}.mention p,.mention a{font-size:.9rem}.mention article h3{font-size:1.3rem}}@media screen and (min-width: 1024px){.mention{width:90vw}.mention h2{font-size:1.9rem}.mention p,.mention a{font-size:1.1rem}.mention article h3{font-size:1.4rem}.mention a{transition:all .3s ease-in-out}.mention a:hover{color:#3e44ee}}.footer,.footer__links,.footer__links__social{display:flex}.footer,.footer__links{flex-direction:column}.footer{padding:.5rem;background-color:#3029297e;color:#cfecec;font-family:Bree Sherif}.footer__links__mentions a,.footer__links h3,.footer__links p{font-size:.9rem;font-weight:700}.footer__links section{margin-bottom:1rem}.footer__links__social{align-items:center}.footer__links__social a{margin-left:.5rem}.footer__links__social a img{width:2rem;height:2rem}.footer__copyright{font-size:.8rem;text-align:center}@media screen and (min-width: 768px){.footer{padding:.5rem 1rem}.footer__links__mentions a,.footer__links h3,.footer__links p{font-size:1.1rem}.footer__links{flex-direction:row;justify-content:space-between}.footer__links__social{order:3}}@media screen and (min-width: 1024px){.footer__links__mentions a,.footer__links h3,.footer__links p{font-size:1.2rem}.footer__links__mentions a{transition:all .3s ease-in-out}.footer__links__mentions a:hover{color:#3e44ee}.footer__copyright{font-size:1rem}}.error-page-container figure{width:100%;object-fit:contain}.error-page-container figure img{width:100%;height:100%}@media screen and (min-width: 768px){.error-page-container{min-height:74vh;display:flex;justify-content:center}.error-page-container figure{width:500px;height:100%}}.app{max-width:100vw;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;background-color:#302929da}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:inherit;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:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}a,del,ins{text-decoration:none}a{color:inherit}label,button{cursor:pointer}input,button{outline:0}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}