@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";html{margin:0;padding:0;overflow-x:hidden;font-family:Roboto,serif}body{background:#101213;margin:0;padding:0;overflow-x:hidden}.content{width:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.main{min-height:calc(100vh - 2rem);padding:1rem 1rem 1rem 6rem;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}@media only screen and (max-width: 600px){.main{width:calc(100vw - 2rem);min-height:calc(100vh - 7rem);padding:6rem 1rem 1rem}}.main.list{padding-top:3.5rem;flex-direction:column;position:relative;overflow:hidden;min-height:calc(100vh - 4.5rem)}@media only screen and (max-width: 600px){.main.list{min-height:calc(100vh - 7.5rem);padding-top:6.5rem}}.main.list .timeline{position:absolute;width:.5rem;height:50vh;background:#f7336d;left:6.25rem;bottom:0}@media only screen and (max-width: 600px){.main.list .timeline{left:1rem}}.main.list .yearList{display:flex;justify-content:center;width:calc(100% - 4rem);flex-direction:column;padding-top:1rem;padding-right:3.5rem;position:relative}@media only screen and (max-width: 600px){.main.list .yearList{padding-right:2rem;width:calc(100% - 2rem)}}.main.list .yearList .year{position:absolute;z-index:10;top:-.5rem;left:-.6rem;display:flex;justify-content:center;align-items:center;flex-direction:row;gap:.5rem}.main.list .yearList .year .dot{width:1rem;height:1rem;border-radius:50%;border:solid #f7336d .4rem;background:rgba(27,33,34,.5490196078);backdrop-filter:blur(10px)}.main.list .yearList .year .title{color:#f7336d;font-size:1.5rem;font-weight:600}.main.list .yearList .projects{display:flex;align-items:center;flex-wrap:wrap;width:100%;gap:1rem;border-left:solid #f7336d .5rem;padding-left:1rem;padding-top:1.5rem;padding-bottom:1.5rem}nav{background:rgba(27,33,34,.5490196078);backdrop-filter:blur(30px);display:flex;flex-direction:column;justify-content:center;align-items:center;margin:1rem;height:calc(100vh - 2rem);width:4rem;border-radius:1rem;box-shadow:#00000034 0 .5rem .5rem;position:fixed;left:0;top:0;gap:1.5rem;z-index:100}nav .navLink:first-child{position:absolute;top:.8rem}nav .active{background:#f7336d;border-radius:0 1rem 1rem 0;box-shadow:#f7336d -2rem 0,#0000004d 0 .5rem .5rem}nav .active .navIcon{color:#f4fcfc}nav .active .pp{border:solid #f7336d .3rem}@media only screen and (max-width: 600px){nav{width:calc(100vw - 2rem);height:4rem;flex-direction:row;justify-content:space-around;gap:0}nav .navLink:first-child{position:static}nav .active{border-radius:0rem 0 1rem 1rem;box-shadow:#f7336d 0 -2rem,#0000004d 0 .5rem .5rem}}@media only screen and (max-height: 500px){nav{justify-content:space-around;gap:0}nav .navLink:first-child{position:static}}.navLink{padding:.5rem;text-decoration:none;list-style:none;display:flex;justify-content:center;align-items:center;height:2rem;width:2rem;cursor:pointer;background:none;border:none}.navLink.active{animation:startLink .2s}@media only screen and (max-width: 600px){.navLink.active{animation:startLinkUp .2s}}@keyframes startLink{0%{background:none;translate:-.5rem}to{background:#f7336d;translate:0rem}}@keyframes startLinkUp{0%{background:none;translate:0 -.5rem}to{background:#f7336d;translate:0rem}}.navIcon{color:#b5c7cc;font-size:1.8rem}.navText{color:#fff}.pp{height:2.5rem;width:2.5rem;border-radius:50%}a{text-decoration:none;color:inherit}.card{min-width:300px;max-width:350px;height:200px;border-radius:1rem;box-shadow:0 1rem 1rem #0003;display:flex;flex:1 1;flex-direction:column;cursor:pointer;transition:scale .2s;scroll-snap-align:start;background:rgba(47,49,54,.3490196078);color:#fff;animation:newCard .5s;position:relative}@media only screen and (max-width: 600px){.card{min-width:300px;height:200px;max-width:unset}}.card .card-title{position:absolute;width:calc(100% - 2rem);height:calc(100% - 2rem);display:flex;justify-content:flex-start;align-items:flex-end;padding:1rem;margin:0;font-size:1.7rem;font-weight:700;text-shadow:2px 2px 2px rgba(30,28,28,.5),-2px -2px 2px rgba(30,28,28,.5),2px -2px 2px rgba(30,28,28,.5),-2px 2px 2px rgba(30,28,28,.5);background:rgba(0,0,0,.1);border-radius:1rem;color:#fff}.card:hover,.card:focus,.card:active{overflow:hidden;scale:1.03}@keyframes newCard{0%{translate:0 20px}to{translate:0 0}}.card-img{border-radius:1rem;height:100%;object-fit:cover;transition:opacity .2s}.card-infos,.card-tag,.card-link{opacity:0%;transition:opacity .4s;padding:1rem;display:flex;gap:.5rem;position:absolute;font-size:1.3rem}.card-infos a,.card-tag a,.card-link a{display:flex}.card-tag{align-items:center}.card-tag small{display:flex;font-size:1rem;font-weight:700}.card-infos{flex-direction:column;bottom:0;gap:0}.card-header{font-weight:700;color:#f7336d;text-shadow:1px 1px 1px rgba(30,28,28,.377);margin-bottom:-10px;font-size:1.5rem;transition:opacity .3s}.card-desc{font-size:1rem;margin-bottom:0}.card-infos{width:calc(100% - 1.6rem);padding:1rem}.card-tag{top:0;left:0;color:#f7336d}.card-link{top:0;right:0;color:#72f7da}.rodal,.rodal-mask{top:0;left:0;width:100%;height:100%;z-index:100}.rodal{position:fixed}.rodal-mask{position:absolute;background:rgba(0,0,0,.3)}.rodal-dialog{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;z-index:101;padding:15px;background:#fff;border-radius:3px;box-shadow:0 1px 3px #0003}.rodal-dialog:focus{outline:none}.rodal-close{position:absolute;cursor:pointer;top:16px;right:16px;width:16px;height:16px}.rodal-close:before,.rodal-close:after{position:absolute;content:"";height:2px;width:100%;top:50%;left:0;margin-top:-1px;background:#999;border-radius:100%;-webkit-transition:background .2s;transition:background .2s}.rodal-close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.rodal-close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.rodal-close:hover:before,.rodal-close:hover:after{background:#333}@-webkit-keyframes rodal-fade-enter{0%{opacity:0}}@keyframes rodal-fade-enter{0%{opacity:0}}.rodal-fade-enter{-webkit-animation:rodal-fade-enter both ease-in;animation:rodal-fade-enter both ease-in}@-webkit-keyframes rodal-fade-leave{to{opacity:0}}@keyframes rodal-fade-leave{to{opacity:0}}.rodal-fade-leave{-webkit-animation:rodal-fade-leave both ease-out;animation:rodal-fade-leave both ease-out}@-webkit-keyframes rodal-zoom-enter{0%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes rodal-zoom-enter{0%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.rodal-zoom-enter{-webkit-animation:rodal-zoom-enter both cubic-bezier(.4,0,0,1.5);animation:rodal-zoom-enter both cubic-bezier(.4,0,0,1.5)}@-webkit-keyframes rodal-zoom-leave{to{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes rodal-zoom-leave{to{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.rodal-zoom-leave{-webkit-animation:rodal-zoom-leave both;animation:rodal-zoom-leave both}@-webkit-keyframes rodal-slideDown-enter{0%{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}}@keyframes rodal-slideDown-enter{0%{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}}.rodal-slideDown-enter{-webkit-animation:rodal-slideDown-enter both cubic-bezier(.4,0,0,1.5);animation:rodal-slideDown-enter both cubic-bezier(.4,0,0,1.5)}@-webkit-keyframes rodal-slideDown-leave{to{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}}@keyframes rodal-slideDown-leave{to{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}}.rodal-slideDown-leave{-webkit-animation:rodal-slideDown-leave both;animation:rodal-slideDown-leave both}@-webkit-keyframes rodal-slideLeft-enter{0%{-webkit-transform:translate3d(-150px,0,0);transform:translate3d(-150px,0,0)}}@keyframes rodal-slideLeft-enter{0%{-webkit-transform:translate3d(-150px,0,0);transform:translate3d(-150px,0,0)}}.rodal-slideLeft-enter{-webkit-animation:rodal-slideLeft-enter both cubic-bezier(.4,0,0,1.5);animation:rodal-slideLeft-enter both cubic-bezier(.4,0,0,1.5)}@-webkit-keyframes rodal-slideLeft-leave{to{-webkit-transform:translate3d(-150px,0,0);transform:translate3d(-150px,0,0)}}@keyframes rodal-slideLeft-leave{to{-webkit-transform:translate3d(-150px,0,0);transform:translate3d(-150px,0,0)}}.rodal-slideLeft-leave{-webkit-animation:rodal-slideLeft-leave both;animation:rodal-slideLeft-leave both}@-webkit-keyframes rodal-slideRight-enter{0%{-webkit-transform:translate3d(150px,0,0);transform:translate3d(150px,0,0)}}@keyframes rodal-slideRight-enter{0%{-webkit-transform:translate3d(150px,0,0);transform:translate3d(150px,0,0)}}.rodal-slideRight-enter{-webkit-animation:rodal-slideRight-enter both cubic-bezier(.4,0,0,1.5);animation:rodal-slideRight-enter both cubic-bezier(.4,0,0,1.5)}@-webkit-keyframes rodal-slideRight-leave{to{-webkit-transform:translate3d(150px,0,0);transform:translate3d(150px,0,0)}}@keyframes rodal-slideRight-leave{to{-webkit-transform:translate3d(150px,0,0);transform:translate3d(150px,0,0)}}.rodal-slideRight-leave{-webkit-animation:rodal-slideRight-leave both;animation:rodal-slideRight-leave both}@-webkit-keyframes rodal-slideUp-enter{0%{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}}@keyframes rodal-slideUp-enter{0%{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}}.rodal-slideUp-enter{-webkit-animation:rodal-slideUp-enter both cubic-bezier(.4,0,0,1.5);animation:rodal-slideUp-enter both cubic-bezier(.4,0,0,1.5)}@-webkit-keyframes rodal-slideUp-leave{to{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}}@keyframes rodal-slideUp-leave{to{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}}.rodal-slideUp-leave{-webkit-animation:rodal-slideUp-leave both;animation:rodal-slideUp-leave both}@-webkit-keyframes rodal-flip-enter{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,60deg);transform:perspective(400px) rotateX(60deg)}70%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-15deg);transform:perspective(400px) rotateX(-15deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes rodal-flip-enter{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,60deg);transform:perspective(400px) rotateX(60deg)}70%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-15deg);transform:perspective(400px) rotateX(-15deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.rodal-flip-enter{-webkit-animation:rodal-flip-enter both ease-in;animation:rodal-flip-enter both ease-in;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes rodal-flip-leave{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-15deg);transform:perspective(400px) rotateX(-15deg)}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,45deg);transform:perspective(400px) rotateX(45deg)}}@keyframes rodal-flip-leave{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-15deg);transform:perspective(400px) rotateX(-15deg)}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,45deg);transform:perspective(400px) rotateX(45deg)}}.rodal-flip-leave{-webkit-animation:rodal-flip-leave both;animation:rodal-flip-leave both;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes rodal-rotate-enter{0%{-webkit-transform:rotate3d(0,0,1,-180deg) scale3d(.3,.3,.3);transform:rotate3d(0,0,1,-180deg) scale3d(.3,.3,.3)}}@keyframes rodal-rotate-enter{0%{-webkit-transform:rotate3d(0,0,1,-180deg) scale3d(.3,.3,.3);transform:rotate3d(0,0,1,-180deg) scale3d(.3,.3,.3)}}.rodal-rotate-enter{-webkit-animation:rodal-rotate-enter both;animation:rodal-rotate-enter both;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rodal-rotate-leave{to{-webkit-transform:rotate3d(0,0,1,180deg) scale3d(.3,.3,.3);transform:rotate3d(0,0,1,180deg) scale3d(.3,.3,.3)}}@keyframes rodal-rotate-leave{to{-webkit-transform:rotate3d(0,0,1,180deg) scale3d(.3,.3,.3);transform:rotate3d(0,0,1,180deg) scale3d(.3,.3,.3)}}.rodal-rotate-leave{-webkit-animation:rodal-rotate-leave both;animation:rodal-rotate-leave both;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes rodal-door-enter{0%{-webkit-transform:scale3d(0,1,1);transform:scale3d(0,1,1)}}@keyframes rodal-door-enter{0%{-webkit-transform:scale3d(0,1,1);transform:scale3d(0,1,1)}}.rodal-door-enter{-webkit-animation:rodal-door-enter both cubic-bezier(.4,0,0,1.5);animation:rodal-door-enter both cubic-bezier(.4,0,0,1.5)}@-webkit-keyframes rodal-door-leave{60%{-webkit-transform:scale3d(.01,1,1);transform:scale3d(.01,1,1)}to{-webkit-transform:scale3d(0,1,.1);transform:scale3d(0,1,.1)}}@keyframes rodal-door-leave{60%{-webkit-transform:scale3d(.01,1,1);transform:scale3d(.01,1,1)}to{-webkit-transform:scale3d(0,1,.1);transform:scale3d(0,1,.1)}}.rodal-door-leave{-webkit-animation:rodal-door-leave both;animation:rodal-door-leave both}.modal{background:rgba(0,0,0,.8);backdrop-filter:blur(10px);width:100%!important;height:100%!important;z-index:1000}.modal .rodal-dialog{border-radius:.5rem;max-width:90svw;min-width:600px;height:fit-content!important;max-height:90svh;overflow:hidden;padding:0;background:rgba(27,33,34,.5490196078);color:#fff;box-shadow:#00000034 0 .5rem .5rem;backdrop-filter:blur(30px);padding-bottom:1rem}@media only screen and (max-width: 600px){.modal .rodal-dialog{width:95svw;min-width:95svw}}.modal .modalPictureZone{height:150px;width:100%;overflow:hidden;position:relative}.modal .modalHeaderPicture{width:100%;height:100%;position:absolute;object-fit:cover}.modal .modalInfos{padding-left:1rem;padding-right:1rem;padding-top:.5rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.modal .modalTitle{color:#f7336d;font-size:1.5rem;font-weight:700}.modal .moadlTag{color:#f7336d;font-size:1.2rem;font-weight:700}.modal .moadlTag a{border-radius:5px;padding:.2rem}.modal .modalSubInfos{padding-top:1rem;padding-left:1rem;padding-right:1rem;opacity:.5;display:flex;flex-direction:column;gap:.1rem}.modal .modalSubInfos span:before{content:"\2022";margin-right:.5rem}.modal .modalDescription{padding-top:1rem;padding-left:1rem;padding-right:1rem;font-size:1rem}.modal .modalComments{padding-top:1rem;padding-left:1rem;padding-right:1rem;display:flex;flex-direction:column;gap:.5rem}.modal .modalComments article{background:rgba(46,45,45,.546);border-radius:10px;padding:.5rem 1rem}.modal .modalComments article h1{font-size:.8rem;font-weight:thin;padding:0;margin:0}.modal .modalComments article h2{font-size:1rem;font-weight:400;padding:0;margin:0}.modal .modalLink{color:#72f7da;padding-left:1rem;padding-right:1rem;padding-top:1rem;display:flex;flex-direction:column}.modal .modalLink a{display:flex;align-items:center;gap:5px;width:fit-content}.modal .modalSubtitle{padding-top:1rem;padding-left:1rem;padding-right:1rem;font-size:1.2rem;font-weight:light;opacity:.5;margin:0}.modal .modalGallery{display:flex;flex-direction:row;gap:5px;padding-left:1rem;padding-right:1rem;padding-top:1rem;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.modal .modalGallery::-webkit-scrollbar{display:none}.modal .modalGallery img{height:100px;object-fit:cover;border-radius:5px;margin-right:.5rem}.back.about-back{opacity:.2!important;filter:blur(30px)!important;width:100%;object-fit:cover;animation:fade .5s ease-in;z-index:-1}.about{width:100%;height:100%;display:flex;color:#fff;flex-direction:column}@media screen and (min-width: 600px){.about{padding-left:1rem}}.about h1{color:#f7336d;margin:0;padding:0;font-size:5rem;line-height:6rem;animation:up .5s}@keyframes up{0%{translate:0 10px;opacity:0}to{translate:0;opacity:1}}.about p:first-of-type{opacity:.5;font-size:1.8rem}.about p{margin:0;padding:0;font-size:2rem;max-width:60vw}.about .btn-zone{height:100%;width:calc(100% - 2rem);flex:1;display:flex;flex-direction:row;gap:1rem;padding-top:2rem}.about .btn-zone a{transition:width .5s;background:rgba(27,33,34,.5490196078);color:#b5c7cc;box-shadow:#00000034 0 .5rem .5rem;border-radius:1rem;font-weight:700;display:flex;align-items:center;padding:1rem;height:2rem;width:2rem;min-width:2rem;overflow:hidden}.about .btn-zone a .about-icon{font-size:2rem;text-align:center}.about .btn-zone a p{transition:width .5s;margin-left:.5rem;font-size:1.5rem;display:none;opacity:0;width:0%;color:#fff;animation:maxSize .5s}@keyframes maxSize{0%{width:0}to{width:10rem}}@media screen and (min-width: 600px){.about .btn-zone a:hover:nth-child(1){width:7.8rem}.about .btn-zone a:hover:nth-child(2){width:8.8rem}.about .btn-zone a:hover:nth-child(3){width:10.3rem}.about .btn-zone a:hover:nth-child(4){width:4.8rem}.about .btn-zone a:hover{background:rgba(247,51,109,.5);color:#fff;justify-content:left}.about .btn-zone a:hover p{opacity:1;display:flex}}@media screen and (max-width: 1000px){.about p{font-size:1.5rem;max-width:unset}}@media screen and (max-width: 600px){.about{text-align:center}.about h1{padding-top:1rem;padding-bottom:1rem}.about p{font-size:1.5rem;max-width:unset}.about .btn-zone{justify-content:center;width:100%}}.project .macaron{position:absolute;bottom:0;right:45px;margin:.5rem;height:40px;display:flex;justify-content:center;align-items:center;padding-left:.6rem;padding-right:.6rem;color:#f7336d;border-radius:.5rem}.project h1{color:#f7336d;padding:0;margin:0;margin-bottom:.8rem}.project p{padding:0;margin:0;color:#fff;text-align:left;padding-left:1rem;padding-right:1rem}.project a{color:#fff;text-decoration:none;display:flex;justify-content:center;align-items:center;position:absolute;bottom:0;right:0;margin:.5rem;height:40px;width:40px;font-size:1.5rem;background-color:#f7336d;border-radius:.5rem;transition:scale .2s}.project a:hover{scale:1.1}.project .infos{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;bottom:4rem;margin:1rem;padding:1rem 1rem 3rem;background:rgba(27,33,34,.5490196078);backdrop-filter:blur(30px);border-radius:1rem;max-width:50rem;box-shadow:#00000034 0 .5rem .5rem}.project img{position:fixed;animation:float 2s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-.5rem)}to{transform:translateY(0)}}.project img.bottom{bottom:0}.project img.height_100{height:100vh}.project img.height_90{height:90vh}.project img.height_80{height:80vh}.project img.radius_1{border-radius:1rem}@media only screen and (max-width: 600px){.project img.width_80_xs{width:80vw;height:auto}}.shape{position:fixed;border:solid red;filter:blur(30px);opacity:.3;z-index:-1;width:400px;height:400px}@media screen and (min-width: 601px){.shape{max-width:50vw;max-height:50vh}}@media screen and (max-width: 600px){.shape{width:200px;height:200px}}@keyframes rotate{0%{rotate:0deg}to{rotate:360deg}}@keyframes changeScale{0%{scale:1}50%{scale:1.5}to{scale:1}}@keyframes moveAroundXY{0%{translate:0}50%{translate:100px 100px}to{translate:0}}@keyframes moveAroundX{0%{translate:0}50%{translate:100px}to{translate:0}}.position__1{top:0;left:0}.position__2{bottom:0;right:0}.position__3{top:40%;left:10%}@media screen and (min-width: 601px){.position__3{top:40%;left:30%}}.shape__1{border-radius:83% 17% 70% 30%/23% 12% 88% 77%;animation:rotate 40s ease-in-out infinite,changeScale 30s ease-in-out infinite,moveAroundXY 10s ease-in-out infinite}.shape__2{border-radius:50% 50% 70% 30%/77% 72% 28% 23%;animation:rotate 50s ease-in-out infinite,changeScale 22s ease-in-out infinite,moveAroundXY 20s ease-in-out infinite;width:500px;height:500px}@media screen and (max-width: 600px){.shape__2{width:300px;height:300px}}.shape__3{border-radius:50% 50% 70% 30%/77% 72% 28% 23%;animation:rotate 60s ease-in-out infinite,changeScale 25s ease-in-out infinite,moveAroundX 10s ease-in-out infinite}.color__1{background:rgb(255,222,116);background:linear-gradient(90deg,rgb(255,222,116) 3%,rgb(0,212,255) 55%,rgb(246,52,109) 87%)}.color__3{background:rgb(255,222,116);background:linear-gradient(90deg,rgb(255,222,116) 3%,rgb(246,52,109) 48%,rgb(0,212,255) 90%)}.color__2{background:rgb(246,52,109);background:linear-gradient(90deg,rgb(246,52,109) 11%,rgb(255,222,116) 39%,rgb(0,212,255) 90%)}