*{margin:0;box-sizing:border-box}@font-face{font-family:header-font;src:url(/assets/calligraphy-1-Bw9rf5Le.ttf)}@font-face{font-family:category-font;src:url(/assets/calligraphy-15-Wm6D8gu0.ttf)}@font-face{font-family:cards-font;src:url(/assets/calligraphy-29-D3rSKDOK.ttf)}body{--white: #fff;--black: #000;--transparent-black: #00000046;--transition: .5s}header{height:8dvh;background-color:transparent;color:var(--white);font-family:category-font;font-size:clamp(1rem,5vw,2rem);font-weight:700;text-shadow:0px 0px var(--black)}header ul li{transition:var(--transition);cursor:pointer;opacity:.7}main{height:100dvh;position:relative}main section{width:100%;height:100%;padding:8% 0;position:absolute;top:0;left:0}main section{transition:.2s;overflow:hidden}main #projects .category-section{width:100%;height:100%;position:absolute;top:0;left:0}main #projects .rotate-cover{position:absolute;top:5%;left:0;z-index:200}main #projects .rotate-icon{position:absolute;bottom:15%;right:15%;z-index:1000;cursor:pointer;font-size:2rem;color:var(--white);opacity:.6}main #start-page{z-index:1000}main #start-page .category-nav{width:fit-content;height:fit-content;margin:auto;position:absolute;top:50%;left:var(--trans);display:flex;justify-content:center;align-items:center;color:var(--white);cursor:pointer;font-family:category-font;transition:.5s;font-size:clamp(1rem,5vw,2.5rem);transform:skewY(var(--skew))}main #about-me .about-me-categories>div{height:100%;position:relative;transition:3s}main #about-me .about-me-categories>div .title{height:25%;position:absolute;writing-mode:vertical-rl;left:0;color:var(--white);translate:0 calc(var(--trans-text) * -20%);font-family:cards-font;font-size:1.2rem;scale:-1;cursor:pointer;background:linear-gradient(90deg,#8f8f8f,#fff,#fff);background-size:200%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:moving-text-bg 7s ease-in-out alternate infinite}main #about-me .about-me-categories>div .title:after{content:"";position:absolute;bottom:-2%;left:0;width:calc(var(--text-w) * 20%);width:1px;height:110%;border-right:1px solid var(--color, #fff)}main #about-me .about-me-categories>div .info{position:absolute;transform-origin:center;width:90%;height:75%;top:50%;left:50%;translate:-50% -50%;background-color:var(--transparent-black);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:5%;scale:0 1;cursor:auto;writing-mode:horizontal-tb}main #about-me .about-me-categories>div .info ul{padding:5%;opacity:0;color:var(--white);transition:3s}main #about-me .about-me-categories>div .info ul p{font-weight:700}main #about-me .about-me-categories>div .info ul li{padding-bottom:2%}main #about-me .about-me-categories>div .info ul li::selection{background-color:#90f}main #about-me .about-me-categories>div .info div{opacity:0}main #about-me .about-me-categories>div .info div ul{opacity:1}main #contact .contact-container .icons-container{perspective:500px}main #contact .contact-container .icons-container .icon{position:absolute;cursor:pointer;transition:transform 1s ease-in-out,top 1s ease-in-out,left 1s ease-in-out}main #contact .contact-container .icons-container .icon img{width:35%;aspect-ratio:1}main #contact .contact-container .icons-container .icon.first-icon{top:10%;left:25%;transform:translateZ(0)}main #contact .contact-container .icons-container .icon.second-icon{top:5%;left:65%;transform:translateZ(-237px)}main #contact .contact-container .icons-container .icon.third-icon{top:74%;left:41.5%;transform:translateZ(115px)}main #contact .contact-container .infos-container{position:relative}main #contact .contact-container .infos-container .infos{position:absolute;bottom:-25%;left:50%;translate:-50% 0;transition:1s ease-in-out}main #contact .contact-container .infos-container .infos a{text-decoration:none;font-family:cards-font;font-size:1.5rem;background:linear-gradient(90deg,#8f8f8f,#fff,#fff);background-size:200%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:moving-text-bg 7s ease-in-out alternate infinite}.move-contact-info{bottom:-250%!important}.active-nav{position:relative;opacity:1}.active-nav:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background:var(--white);animation:underline 1s ease}.start-page-fade-out-desktop{animation:start-page-fade-out-desktop 1.5s .5s ease-out forwards,start-page-bg 1s .5s forwards}.start-page-fade-out-mobile{animation:start-page-fade-out-mobile 1s .5s ease-out forwards,start-page-bg 1s .5s forwards}.start-page-fade-out-mobile .container{animation:start-page-mobile-categories .5s 1.5s forwards}.category-nav-out{animation:categories-out .7s ease-in forwards}.section-fade-out{animation:section-fade-out 2.5s linear forwards}.section-fade-in{animation:section-fade-in .5s ease-in-out forwards}.about-me-sec-scale{scale:1!important}.about-me-sec-list{opacity:1!important}.about-me-title-trans{bottom:92%!important}@keyframes section-fade-out{to{opacity:.5}}@keyframes section-fade-in{to{opacity:1}}@keyframes start-page-fade-out-desktop{to{width:10%}}@keyframes start-page-fade-out-mobile{to{height:10%;top:90%}}@keyframes start-page-mobile-categories{to{translate:0 -150%}}@keyframes start-page-bg{to{background:radial-gradient(circle,#0000004d,#0003)}}@keyframes categories-out{to{transform:skewY(var(--skew)) translateY(calc(var(--y) * 50%)) translate(-50%);left:50%;font-size:2rem}}@keyframes moving-text-bg{0%{background-position:0%}to{background-position:200%}}@keyframes underline{0%{width:0}to{width:100%}}.slider{top:10%;z-index:100}.slider .card-3d{background-color:var(--white);border-radius:20% 10%;opacity:.95}.slider .card-3d img{width:100%;height:100%;border-radius:15% 3%;-webkit-user-select:none;user-select:none}.slider .card-3d a{position:absolute;width:100%;height:100%;top:0;left:0;z-index:100}.slider .card-3d span{position:absolute;width:100%;left:50%;bottom:-12%;translate:-50% 0;text-align:center;font-family:cards-font;font-size:1rem;text-transform:uppercase;background:linear-gradient(90deg,#8f8f8f,#fff,#fff);background-size:200%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:moving-text-bg 3s ease-in-out alternate infinite}.slider .card-3d span::selection{background-color:#ff7b00;color:#fff}@media screen and (orientation: portrait){.category-nav{left:var(--trans-mobile)!important}.slider-container-3d .slider-prev-btn{left:15%!important}.slider-container-3d .slider-next-btn{right:15%!important}#projects .slider .card-3d span{font-size:3.5vw}#projects .slider .slider-next-group-btn{left:110%;top:60%}#projects .slider .slider-prev-group-btn{left:-25%!important;top:60%}#projects .slider span{bottom:-15%!important}#projects .rotate-icon{bottom:85%!important;right:6%!important;font-size:1.2rem!important}#about-me .about-me-categories{height:80%!important;translate:2% 14%}#about-me .about-me-categories>div{height:10%!important;display:block;align-items:center!important;border-right:none!important;transition:1s!important}#about-me .about-me-categories>div .title{height:auto!important;margin-bottom:0;left:3%!important;bottom:0;writing-mode:horizontal-tb!important;font-size:.8rem!important;scale:1!important;translate:0!important}#about-me .about-me-categories>div .title:after{content:"";position:absolute;bottom:-5px;left:0;width:calc(var(--text-w) * 60%)!important;border-bottom:1px solid var(--color, #fff);border-right:none!important}#about-me .about-me-categories>div .info{padding-left:.5%;height:90%!important;top:60%!important;left:48%!important}#about-me .about-me-categories>div .info ul{font-size:.6rem!important;transition:var(--transition)!important}#contact .contact-container{translate:0 -10%}#contact .contact-container .icons-container .icon img{width:35%;aspect-ratio:1}#contact .contact-container .icons-container .icon.first-icon{top:22%!important;left:13%!important;transform:translateZ(-180px)!important}#contact .contact-container .icons-container .icon.second-icon{top:50%!important;transform:translateZ(40px)!important}#contact .contact-container .icons-container .icon.third-icon{top:80%!important;left:27.5%!important;transform:translateZ(130px)!important}#contact .contact-container .infos-container{position:relative}#contact .contact-container .infos-container .infos a{font-size:1rem!important}}.slider-container-3d{width:100%;position:relative;perspective:var(--perspective);overflow:hidden}.slider-container-3d .slider-3d{width:90%;height:80%;position:absolute;left:50%;translate:-50% 0;display:flex;align-items:center;justify-content:center;transition:var(--transition);transform-style:preserve-3d}.slider-container-3d .slider-3d .card-3d{width:var(--card-width);height:var(--card-height);position:absolute;transform:rotateY(calc(var(--card-group-index) * var(--card-rotate))) translateZ(var(--translate-z))}.navigate-container{width:var(--nav-width);height:10%;position:absolute;bottom:var(--btn-width);left:50%;translate:-50% 0;z-index:10}.slider-container-3d .slider-prev-btn,.slider-container-3d .slider-next-btn{width:var(--btn-width);position:absolute;top:50%;translate:0 -50%;aspect-ratio:1;cursor:pointer;opacity:var(--btn-opacity);-webkit-user-select:none;user-select:none}.slider-container-3d .slider-prev-btn{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAACYktHRAD/h4/MvwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+kCDhMNOORMH0MAAAKPSURBVGje7ZdPaBNBFMa/tzGttEXtoQpRehAtRQULVVTwL0WaDRFEQQVFbyL0FDHnHjwoqOlNxYtEEBShXmyyIYqCBz2JgghqERWqSMFCUZvW7E4PoaZJOpvZmc3m4Hyn3TeT+X4z8/J2BtDS0tLS0vrfRTI/GusJDThET8z3TQAYNnZdYkkiAA4biSaJBQxgXcP58pszFLuuBmB4655LLLYHjCE1e48A1nF2tTLCNgYIkBnAner+FFYFWCY8+60YRYuqnfQK5LsxhhX+2wsCPOq0M1jbCHuhLci0Gg+xuTH2AgDDBqWxj99ucQsR+0VvcXf61rE5t/HrFqJsihIqM2Svi/FDE9IAuQRLqdiXENjO2Cyv1TUJawuPjKjPOMtvdQHI7kfaa6nmrMEpCYB8N42i1Q97AJskAIo30emTPajDM0BuB5l+2buLA+CcCMaeC0B7mwyASFAAnFLMSOq0WqMWtNWp9rwtmIAPasdKhEGu5Za3Bc/9mX198f4F99QBetAnkEocgNhLZqnZG4jAwGpZAMA+hykV+/UgAH9LrzP8ntwUjX/JHiGL/zUo5XdlekWwpiryEwDgfJZYAcB8hjNwlm5byO9KdVVFfuNHCeCBFAAQvU8XeLNfSpNYOJ8xzOI7PsIBwMbty3wPqSPZKojfR9j4zOCeT/z2UL0BNuTX9dKWyliH2J224HywbxRP7p506yQw0tPlhVzlx6lr0XO/Ys0WOHIdKNiH8U7NRgkAiE+FTPatiQDAwa8Uw3QTAYDoG3YUc6K9GwAAmI9xuqYwFQMEKBcm+1+EKZ8bPF48BkeQAsr3LOd2wADAiySu/IENgDE7vf2iKoBUGbF6w2Zbeziz7ZWqvZaWlhYwD8j3mZBTni3wAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDI1LTAyLTE0VDE5OjEzOjUzKzAwOjAwKR2LowAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyNS0wMi0xNFQxOToxMzo1MyswMDowMFhAMx8AAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjUtMDItMTRUMTk6MTM6NTYrMDA6MDBdbT1nAAAAAElFTkSuQmCC);background-size:100%;left:1%}.slider-container-3d .slider-next-btn{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAQAAAAAYLlVAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAAACYktHRAD/h4/MvwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+kCDhMPEZTI5a0AAAKISURBVGje7Zg/aBNRHMc/7y4mRkGoIEULDqUi6CC6WAdBUEma1sGiVBxa3FwcDC1kcXC1aidRHATFwQyCgzQpUvwHbaQKVVBEUVBoQC2Eqg2kSe451IpN7t7lcpdk6H2nu/d7730/73fvfvc48OXL11qX8GKSl/uKsfxiMRV93wIAqc3c0gaFKJNDjk4nLhrOxmtuAWYu6ENCgM4GGDkw6nS8awDtzMpVCCA+cb7JAKJj5UoHQF5ODzQVgEDVjHdSR5oJUK2guJ/e00oA2CTHH21vJQBiWzn1sK2FAMAu/cHj9TWgqsNTYT2hndA6qWEqyXxlSzJz2q4wBVTB553BCdFV65JL1asb6M4SrzsDU+HgG9EFGu1sJvi3q+QbWdP+CyyZGcQjYyoAxR7QE8v2O9hK6B+pYItp77ypvX1hUgBoJwHa2bh6Qn5UWlBkgUVrh9upQ9YuikfwKk8YdhMCPvEZh5+5/5Ur7e374jgDhAHWAdKdPbTpN6wTZKPvGGTd2QMiOt5dJ0CWWT64tAfQTtUJYL2/HeqgebOiEEmg5JU9ssO8XQEwj5cS0ry9cR+jSpmXz+YByGctBtDutRRApiIvHAPI35755wJnrUKqDLzzyL4g+49+rQNA3PXE3mCo54l1WAFg3JSz7v3FcDSpiisAYoVSn1sEOaY+D9m8Bcfmfu3nHJl6t6NMZoZtM+RuhZCWlqGnRiRWsBvfuDrwtnTc3t7mWO5Cc3osmqulY2My8JNe6ze/8QBLRn/0da2dXQPIYkWDwWBssvbx7v+QfKy4tyk8ngMY11bdXrUrPJ4D9FyXV5ZP7VJyaXrE6XhPflSmdsrDmixP9npxfvfly5cvX77WnP4AT6iszk6B5AYAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjUtMDItMTRUMTk6MTU6MTArMDA6MDCRoe+DAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDI1LTAyLTE0VDE5OjE1OjEwKzAwOjAw4PxXPwAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyNS0wMi0xNFQxOToxNToxNyswMDowMHJOSG4AAAAASUVORK5CYII=);background-size:100%;right:1%}.slider-container-3d .slider-prev-group-btn,.slider-container-3d .slider-next-group-btn{width:var(--btn-width);aspect-ratio:1;position:absolute;cursor:pointer;border-radius:50%;scale:.7;-webkit-user-select:none;user-select:none}.slider-container-3d .slider-prev-group-btn{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAACuUExURQAAALu7u7u9vbu9vby9vbq/v7u8vLu8vLq6ury9vby8vLu9vb6+vry9vby8vMvOzsfHx8/R0crKys7Ozs/Q0M7Pz8/Pz9DQ0L29vc7Pz87Ozr6+vs/Pz8/Pz8/Pz83NzcbHx7u8vLy9vdDR0cPExMzNzb6/v8/Pz8fIyOjp6fz8/OPj472+vv39/f///+bm5uvr6+3t7ezs7Onp6c3Ozs3NzcnKytDQ0MLDw8LCwgD1tuYAAAAidFJOUwAmqujlOO/uJfDmqzftMkXy9EQv87ztMSfzPzPzQPRD8eenP/lTAAAAAWJLR0QuVNMQhwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+kCDhMVFFSP6/kAAAFKSURBVFjD7ZZ5U4MwEMUTVNqGWG29WotHs4pHC97X9/9iBmsHQmGzMdNxHHl/vnnvN9mFMDDWqtWaxYONzYDbvSZthUqr07V5jf2e+lJg8Wx9JXDP2i+F6zx7X0WYR+iHHPEI/Z5EPEJ/WyIepd9HPMr5+4i3rvllzazyd+b/l/2dXc/+AC58+sMBwGUlKx36e/uglRhZHtL77ACWgCIbOfTZYd6/Mu+KIN+fJeDavCwFwHYBvke4uZ3Ny+liBALhSC8xzbK7MmEUuhCGY7jPKgTZcSEcj+GhSpi4EWJfwkkMj5owU56ENPEg6E2mT88eBL1JrZe5B+E0J7wa6YnDR52xs/wMb4mRdn4fAN7NtPsePpQXIV6M4PE0z1fTboS69I8JYRfxSIQA8ygEgXoEgsA9OyGyeAhh8WPNbV6zRtFUVH/t67xWf1+fgz57w3T6L7kAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjUtMDItMTRUMTk6MjE6MTcrMDA6MDDEDxd2AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDI1LTAyLTE0VDE5OjIxOjE3KzAwOjAwtVKvygAAACh0RVh0ZGF0ZTp0aW1lc3RhbXAAMjAyNS0wMi0xNFQxOToyMToyMCswMDowMKlvt3gAAAAASUVORK5CYII=);background-size:100%;left:0}.slider-container-3d .slider-next-group-btn{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAACuUExURQAAALu7u7u9vby8vLu8vLu9vb29vbu8vLu8vL6+vrq6ur6+vry9vcbHx8/Pz8/Pz87Ozs7Pz83Nzc/Pz8rKys/Q0NDQ0M7Pz8/Pz7y8vLy9vc7Ozs/R0bq/v8vOzsfHx7y9vbu9vby9vb6/v9DQ0MLCwtDR0cLDw8nKyr2+vs3Nzc3Ozunp6f39/evr6////+zs7OPj4+bm5u3t7fz8/Ojp6cfIyM/Pz8zNzcPExLHA86gAAAAidFJOUwAmqubnqyfu7zMlN/DxQPM/80P0RPMxvO0y7S/0OEXy5eikeKxuAAAAAWJLR0QvI9QgEQAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB+kCDhMUL/yfM5wAAAFXSURBVFjD7ZbbVoMwEEWBSJsWtFatihYvoY6iIta7//9jAmpNyKRpnPri4jzuNWeXafIQz+vyz+IHbCPs2Zmx3xdV+MDGjAlFk/7AwoxhQp/GmFUgT2PMmEDo0xgzZsj1aYyZE8X6NMZ+bdjcohmy2WibZLgAGJMMl+BsiBSWzWrDjoshVr/hqhLALmGL/Brct1AM2c1tcQdjwmlmRVnew4hgmJdEQ/5QGR6BcKO+DIT70Biqf3LPxcB7LUMBMNl3MYQyy+dPz9V9OLAKJANT2Ut9oQ7tggQRNOx1NUFypK/QsKzu21eQ+txXWCOYHK/ej6MWewOY2o5R7qdt9g7TE0pfiFNif8G6Pp4IOX+MGfux/lsYM34/Mpu49Ne4f7qE/dX+PtdnMWZMiMyGDv2fJ500yxz6i2F5ljn0v9+Eymzg0PeGnw/r1MaWHENwdh74dtaly/rzAYBxf6zQYiPLAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDI1LTAyLTE0VDE5OjIwOjQ0KzAwOjAwUsVosQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyNS0wMi0xNFQxOToyMDo0NCswMDowMCOY0A0AAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjUtMDItMTRUMTk6MjA6NDcrMDA6MDBFZetPAAAAAElFTkSuQmCC);background-size:100%;right:0}.slider-container-3d .dots-container{width:50%;height:10%;position:absolute;bottom:0;left:50%;translate:-50% 0;display:flex;justify-content:center;align-items:flex-end;column-gap:calc(var(--slides) * 2%)}.slider-container-3d .dot{width:calc(10% / var(--slides));aspect-ratio:1;border-radius:50%;background-color:var(--dot-color)}.slider-container-3d .active-dot{background-color:var(--active-dot)}.always-rotate-on{animation:always-rotate-on var(--always-rotate-on-duration) calc(var(--transition)) infinite linear;cursor:pointer}.always-rotate-off{animation:always-rotate-off 1s ease-out;cursor:pointer}@keyframes always-rotate-on{0%{transform:rotateY(var(--current-rotate-angel))}to{transform:rotateY(var(--full-round))}}@keyframes always-rotate-off{0%{transform:rotateY(var(--slider-current-rotate))}to{transform:rotateY(var(--current-rotate-angel))}}