@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap";body{margin:0;box-sizing:border-box}.dark-theme{--blue-1: #000;--blue-2: #0b101f;--blue-3: #142045;--blue-4: #1b2c60;--blue-5: #233774;--blue-6: #2c4384;--blue-7: #365099;--blue-8: #405db3;--blue-9: #3a5fdc;--blue-10: #3b58ae;--blue-11: #92b4ff;--blue-12: #d4e2ff;--gray-1: #000;--gray-2: #121212;--gray-3: #1f1f1f;--gray-4: #282828;--gray-5: #303030;--gray-6: #3a3a3a;--gray-7: #484848;--gray-8: #5f5f5f;--gray-9: #6e6e6e;--gray-10: #7b7b7b;--gray-11: #b4b4b4;--gray-12: #eee}.light-theme{--blue-1: #fdfdfe;--blue-2: #f7f9ff;--blue-3: #edf2fe;--blue-4: #dfeaff;--blue-5: #d0dfff;--blue-6: #bdd1ff;--blue-7: #a6bff9;--blue-8: #87a5ef;--blue-9: #3d63dd;--blue-10: #3657c3;--blue-11: #395bc7;--blue-12: #1d2e5c;--gray-1: #fcfcfd;--gray-2: #f9f9fb;--gray-3: #eff0f3;--gray-4: #e7e8ec;--gray-5: #e0e1e6;--gray-6: #d8d9e0;--gray-7: #cdced7;--gray-8: #b9bbc6;--gray-9: #8b8d98;--gray-10: #80828d;--gray-11: #62636c;--gray-12: #1e1f24}#root{margin:0;box-sizing:border-box;padding-bottom:40px;background:linear-gradient(0deg,var(--blue-1) 0%,var(--blue-2) 100%);overflow-x:hidden}html{scroll-behavior:smooth}.section__title{background-color:var(--blue-3);text-align:center;padding:1rem;color:var(--blue-12);margin-top:0;width:100%}.section__intro{color:var(--gray-12);font-weight:700;text-align:center;letter-spacing:1px;line-height:30px}h1,h2,label{font-family:Raleway,sans-serif}h3,li,input,textarea,a{font-family:Inter,sans-serif}p{font-family:IBM Plex Sans,sans-serif}.home__status{font-family:DM Sans,sans-serif}@media (max-width: 480px){.section__intro{margin:auto .4rem}}.contact__section{color:var(--gray-12);display:flex;flex-direction:column;align-items:center;margin-bottom:8.5rem}.contact__title{background-color:var(--blue-4);text-align:center;padding:1rem;color:var(--blue-12);margin-top:0;width:100%}.contact__form{display:flex;flex-direction:column;align-items:center;border-radius:10px;padding:1rem;width:80%}.contact__label{background-color:var(--blue-1);position:relative;top:21px;padding:.3rem}.contact__input{text-align:center;margin:.5rem 0 1rem;width:100%;height:50px;border:solid 2px var(--gray-9);border-radius:5px;background-color:var(--blue-1);color:var(--gray-12);font-size:16px}textarea{padding-top:30px;text-align:center;color:var(--gray-12);margin:.5rem 0 1rem;background-color:var(--blue-1);width:100%;height:110px;border:solid 2px var(--gray-9);border-radius:5px;font-size:16px}.contact__button{align-items:center;background-color:var(--blue-9);border:2px solid var(--blue-9);border-radius:5px;color:var(--gray-12);font-size:18px;cursor:pointer;display:inline-flex;height:48px;justify-content:center;padding:0 17px;text-align:center;transition:all .3s;-webkit-user-select:none;user-select:none;margin:1rem 0}.contact__button:hover{background-color:var(--blue-11);border-color:var(--blue-7);color:var(--blue-3);fill:var(--blue-12)}.contact__button:active{background-color:var(--blue-11);border-color:var(--blue-11);fill:var(--blue-12)}.contact__status{color:var(--gray-12);font-size:20px;font-weight:700;transition:opacity 1s ease-in-out}.fade-out{opacity:0;transition:opacity 1s ease-in-out}@media (min-width: 1024px){.contact__form{max-width:450px}}@media (min-height: 1090px){.contact__section{margin-bottom:22rem}}.footer--mobile{display:flex;justify-content:space-evenly;color:var(--gray-11);background-color:var(--gray-2);width:100%;font-size:13px;margin:1rem 1rem 1rem 0;border-top:2px dashed var(--gray-7);border-bottom:2px dashed var(--gray-7)}.footer--desktop{display:flex;justify-content:space-evenly;color:var(--gray-11);background-color:var(--gray-2);width:100%;font-size:17px;position:absolute;border-top:2px dashed var(--gray-7);border-bottom:2px dashed var(--gray-7)}.home__section1{display:flex;flex-direction:column;justify-content:space-between;align-items:center}.home__section2{margin-bottom:5rem;display:flex;justify-content:center}.home__title{margin:2rem 3rem 0;color:var(--gray-12);text-align:center}.home__name{color:var(--blue-11);display:inline-block;white-space:nowrap;border-right:2px solid #005eff;font-size:30px;overflow:hidden;cursor:pointer}.replay{animation:typing 1.8s steps(14) 1,blink .75s step-end infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{50%{border-color:transparent}}.home__subtitle{margin-top:.2rem;font-size:1.3rem;color:var(--gray-12)}.home__img{width:70%;max-width:400px;border-radius:70px;border:solid 2px var(--blue-6);margin:1rem 0}.home__status{position:relative;text-align:center;font-weight:700;background-color:var(--blue-5);color:var(--blue-12);padding:1rem;width:80%;border-radius:10px;max-width:480px}.home__description{margin:2rem 1rem;line-height:20px;color:var(--gray-12);border-left:max(.5em,.25em) solid var(--blue-7);padding-left:1em;max-width:650px}.nav--mobile{padding:.5rem;display:flex;align-items:center;justify-content:space-between;position:fixed;bottom:0;z-index:10;width:80%;height:30px;border-radius:50px;margin:0 auto;background-color:var(--blue-5);transform:translate(-50%);left:50%;border:solid 1px var(--gray-7)}.nav--desktop{position:fixed;display:flex;flex-direction:column;padding:.5rem;width:8%;height:100vh;background:linear-gradient(0deg,var(--blue-2) 0%,var(--blue-1) 100%);border:solid 1px var(--gray-7);transform:none;z-index:10;gap:25px;overflow:hidden}.nav__tool-section{display:flex;align-items:center;justify-content:center;border-radius:10px}.nav__tool-icon{padding:.3rem;border-radius:10px}.nav__tool-icon:hover,.nav__tool-icon:active{background-color:var(--gray-7)}.nav__tool-icon-flag{width:30px;height:30px}.nav__section1--desktop,.nav__section2--desktop{display:flex;flex-direction:column;align-items:center;justify-content:center}.nav__section1--desktop{border:var(--blue-11) solid 1px;border-radius:10px;text-align:center}.nav__section1--mobile:before{content:"";position:absolute;top:50%;transform:translateY(-50%);right:74.5%;width:1px;height:80%;background-color:#000}.nav__section2--desktop{border:var(--blue-11) solid 1px;border-radius:10px;padding:1rem;gap:25px}.nav__link--mobile{display:inline-block;border-radius:10px;padding:4px}.nav__section2--mobile:before{content:"";position:absolute;right:33.5%;top:50%;transform:translateY(-50%);width:1px;height:80%;background-color:#000}.nav__link--desktop{width:100%;text-decoration:none;color:var(--gray-12);font-weight:700;padding:1rem 0px;transition:background-color .5s ease}.nav__link2--desktop:hover{color:var(--gray-12)}.nav__link2--desktop{text-decoration:none;color:var(--blue-11);font-weight:700}@media (max-width: 400px){.nav__section2--mobile:before{right:36.5%}}@media (max-width: 1024px){.nav__tool-section{margin-top:0}}@media (min-width: 1024px) and (max-width: 1400px){.nav--desktop{width:11%}}.project__img{width:100%;max-height:500px;border-radius:10px}.project__container{max-width:1000px;margin:4rem auto 14rem;border:solid 2px var(--blue-9);border-radius:10px}.project__container:hover{cursor:-moz-grab}.project__content{position:relative;color:var(--gray-12);border-left:solid 6px var(--blue-7);margin-left:1rem;margin-bottom:1rem}.project__title{margin-left:1rem}.project__text{margin:.5rem 1rem}.project__github{margin-left:1rem;text-decoration:none;color:var(--blue-11);font-weight:700}.project__github:hover{color:var(--blue-9)}.swiper-button-next,.swiper-button-prev{background-color:var(--blue-9);border-radius:8px;padding:.2rem;display:flex;align-items:center;justify-content:center;transition:background-color .1s ease;border:solid 1px var(--blue-11)}.swiper-button-next:after,.swiper-button-prev:after{color:#fff;font-weight:700}.swiper-button-next:hover,.swiper-button-prev:hover{filter:brightness(1.5)}.swiper-button-prev{left:10px}.swiper-button-next{right:10px}.project__media{position:relative}.project__video-btn{position:absolute;bottom:-2.5rem;right:1rem;background-color:var(--blue-9);color:#fff;border:none;padding:.6rem 1rem;border-radius:8px;font-weight:700;cursor:pointer;z-index:2}.project__video-btn:hover{background-color:var(--blue-11);color:var(--blue-2)}.project__video-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0a0a0ae6;display:flex;justify-content:center;align-items:center;z-index:1000}.project__video-full{width:80%;max-height:80%;border-radius:10px}@media (max-width: 480px){.project__container{max-width:97%}.swiper-button-next,.swiper-button-prev{width:20px!important;height:28px!important;padding:.2rem!important;top:22%!important}.swiper-button-next:after,.swiper-button-prev:after{font-size:1.5rem!important}.project__video-full{width:95%}}@media (min-width: 1024px) and (max-width: 1350px){.project__container{margin:4rem 4rem 4rem 13rem}}@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ 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);font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none!important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.skills__section{color:var(--gray-12);display:flex;flex-direction:column;align-items:center;margin:5rem auto 14rem}.section__intro--skill-text{background-color:var(--gray-3);color:var(--gray-12);padding:2px;border-radius:4px}.section__intro--notions-text{background-color:var(--gray-7);color:var(--gray-12);padding:2px;border-radius:4px}.skills__article{width:85%;margin:1rem 0;border:solid 1px var(--gray-9);background-color:var(--gray-5);border-radius:10px;max-width:270px}.skills__list{list-style-type:none;padding-left:0}.skills__item{display:flex;align-items:center;background-color:var(--gray-2);border-radius:10px;padding:.3rem;margin:.5rem 0}.skills__item--notion{display:flex;align-items:center;background-color:var(--gray-3);border-radius:10px;padding:.3rem;margin:.5rem 0 .5rem 1rem;font-size:.8rem}.skills__item:hover,.skills__item--notion:hover{filter:brightness(1.2)}.skills__img{margin-right:2rem;box-shadow:5px 5px 8px var(--gray-1)}.skills__img--notion{margin-right:2rem;width:40px;box-shadow:5px 5px 8px var(--gray-2)}.skills__title{background-color:var(--blue-3);width:100%;text-align:center;padding:1rem;color:var(--blue-12);margin-top:0}.skills__subtitle{text-align:center;border:solid 1px var(--gray-10);padding:5px;margin-left:0;background-color:var(--gray-2);border-radius:5px}@media (min-width: 1024px){.skills__section{flex-direction:initial;flex-wrap:wrap;justify-content:center;gap:3rem}}@media (min-width: 1024px) and (max-width: 1250px){.skills__section{gap:1rem;margin-left:7rem}}