#competences{justify-content:center;display:flex;flex-direction:column;align-content:center;margin-bottom:60vh;overflow:visible}#projets{background-color:#2e2e2e}.item{margin-bottom:3vh}.navbar nav{background:transparent;font-weight:700;text-align:center;background:#e6e1d5;background:#e1dfd8;position:fixed;left:50%;padding-top:23px;padding-bottom:48px;height:56px;transform:translate(-50%);width:100%;z-index:13}@media (max-width: 1111px){.navbar nav{background:#e1dfd8f2}}.navbar .linktext{font-size:1rem;top:0;text-align:center;position:relative;z-index:2;color:#312920;text-decoration:none;text-transform:uppercase;transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out}.navbar .linktext:before{content:"";position:absolute;top:0;left:-10px;width:calc(100% + 17px);border-left:3px solid #312920;border-right:3px solid #312920;height:150%;transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;opacity:1;background:transparent;max-height:0;transform:translateY(20px)}.navbar .linktext:after{display:inline-block;content:attr(data-text);position:absolute;top:1.2rem;left:0;width:100%;transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out;font-size:.5em;color:#312920;transform:translateY(30px);opacity:0}.navbar .item{position:relative;display:inline-block;margin-left:30px;margin-right:30px;background:transparent;z-index:2;text-decoration:none;text-transform:uppercase;transition:.3s ease-in-out;-webkit-transition:.3s ease-in-out}div.setting{position:absolute;right:4vw;display:inline-block;margin-left:6vw;transform:translateY(-5px);background:transparent;text-transform:uppercase;z-index:2}.navbar .item.active .linktext:before{max-height:150%;transition-delay:.3s;-webkit-transition-delay:.3s;transform:translateY(0)}.navbar .item.active .linktext:after{opacity:1;transition-delay:.5s;-webkit-transition-delay:.5s;transform:translateY(0)}.navbar .item.active .linktext{top:-1.2vh;transform:scale(1.3);text-decoration:none}.navbar .item .linktext{cursor:pointer}.navbar .hamburger-menu{display:flex;flex-direction:column;cursor:pointer}.navbar .hamburger-menu .bar{width:25px;height:3px;background-color:#333;margin:4px 0;transition:all .3s ease}.navbar .hamburger-menu .bar.open{background-color:red}.navbar .mobile-menu{display:flex;flex-direction:column;background-color:#e1dfd8f2;position:absolute;top:81px;left:0;width:100%;padding:10px;z-index:-1}.navbar .mobile-menu .item{margin:10px 0}.navbar .mobile-menu .item .linktext{color:#333;font-size:18px;text-align:center}.navbar .mobile-language-switcher{position:absolute;right:4vw;top:50%;transform:translateY(-50%);z-index:3}.navbar .item{transition:color .3s ease,transform .3s ease}.navbar .item:hover{transform:scale(1.05)}.navbar .item.active:hover{transform:scale(1)}.navbar .item:after{content:"";display:block;width:0;height:2px;transition:width .3s ease;margin-top:6px}.navbar .item:hover:after{width:100%}@media (max-width: 1111px){.navbar nav{height:82px;padding-top:0}}.box{border-radius:2px;position:relative;width:80px;height:80px;display:flex;justify-content:center;align-items:center}.btn{width:36px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-around;height:32px}span.hamburger-line{display:block;width:100%;height:4px;background:#000;border-radius:3px;transition:all .2s;position:relative;margin-top:0}span.hamburger-line+span.hamburger-line{margin-top:3px}.active span:nth-child(1){animation:top .5s ease forwards}.notActive span:nth-child(1){animation:top-2 .5s ease forwards}.active span:nth-child(2){animation:scaled .5s ease forwards}.notActive span:nth-child(2){animation:scaled-2 .5s ease forwards}.active span:nth-child(3){animation:bottom .5s ease forwards}.notActive span:nth-child(3){animation:bottom-2 .5s ease forwards}@keyframes top{0%{top:0;transform:rotate(0)}50%{top:12px;transform:rotate(0)}to{top:12px;transform:rotate(45deg)}}@keyframes top-2{0%{top:12px;transform:rotate(45deg)}50%{top:12px;transform:rotate(0)}to{top:0;transform:rotate(0)}}@keyframes bottom{0%{bottom:0;transform:rotate(0)}50%{bottom:12px;transform:rotate(0)}to{bottom:12px;transform:rotate(135deg)}}@keyframes bottom-2{0%{bottom:12px;transform:rotate(135deg)}50%{bottom:12px;transform:rotate(0)}to{bottom:0;transform:rotate(0)}}@keyframes scaled{50%{transform:scale(0)}to{transform:scale(0)}}@keyframes scaled-2{0%{transform:scale(0)}50%{transform:scale(0)}to{transform:scale(1)}}.language-toggle{position:relative;width:70px;height:32px;background-color:#3e3d3d;border-radius:16px;display:flex;align-items:center;cursor:pointer;overflow:hidden}.toggle-option{flex:1;text-align:center;color:#777676;font-size:.85rem;font-weight:700;z-index:2;-webkit-user-select:none;user-select:none;transition:color .3s;padding-bottom:2px}.toggle-option.active{color:#3e3d3d}.toggle-slider{position:absolute;width:50%;height:100%;background-color:#fff;border-radius:16px;transition:transform .3s;z-index:1;border:#3e3d3d solid 3px}.toggle-slider.left{transform:translate(0)}.toggle-slider.right{transform:translate(100%)}.text-presentation-container{background-color:#d9d4cd}.wave{background-image:url(/assets/wave.svg);background-repeat:no-repeat;background-position:bottom;height:144px;margin-top:0;margin-bottom:-1px}.wave-reverse{background-image:url(/assets/wave_reverse.svg);background-repeat:no-repeat;background-position:center top;height:144px;margin-top:-18px;margin-bottom:-50px;background-color:#2e2e2e;position:relative}.wave-reverse:before{content:"";display:block;position:absolute;top:-50px;left:0;right:0;height:70px;background-color:#d8d4cd}.presentation-container{display:flex;justify-content:space-between;align-items:center;border-radius:8px}#presentation-title{font-size:4.5rem;padding-top:10vh;text-align:start;overflow:visible;width:100%}#presentation-subtitle{color:#555;font-size:2.5rem;padding-top:22px;text-align:start;width:100%}.presentation-paragraph{color:#444;font-size:1.5rem;text-align:start;width:75%;line-height:3.25rem;padding-top:56px}#presentation{z-index:1;position:relative}#presentation .right-section{z-index:1}#presentation .rotating-rectangle{position:absolute;top:0;right:0;width:26vw;height:250vh;background-color:#212121f2;transform-origin:center}.right-section{z-index:-1;width:30%;display:flex;align-items:flex-start}.left-section{flex:1;width:60%;position:relative}.presentation-container{position:relative}.profile-picture-container{margin-top:8vh;margin-left:-1vw;padding:0;width:26vw;border-radius:10%;overflow:hidden;display:flex;justify-content:center;align-items:center;aspect-ratio:1/1}.profile-picture-container:hover{transform:scale(1.03)}#profile-picture{width:100%;height:100%;object-fit:cover;border-radius:0;transition:transform .75s ease,filter .75s ease;display:block;filter:brightness(.94)}#profile-picture:hover{transform:scale(1.04);filter:brightness(1)}.area{padding:8vh 4vw 32vh 4vw;display:flex;align-items:flex-start;width:100%;height:100%;position:relative;overflow:hidden;margin-bottom:-100px;z-index:-2}.circles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.circles li{position:absolute;display:block;list-style:none;background:#0000001a;animation:animate 25s linear infinite;bottom:-150px;z-index:-1}.circles li:nth-child(1){left:25%;width:80px;height:80px;animation-delay:0s}.circles li:nth-child(2){left:10%;width:20px;height:20px;animation-delay:2s;animation-duration:12s}.circles li:nth-child(3){left:70%;width:20px;height:20px;animation-delay:4s}.circles li:nth-child(4){left:40%;width:60px;height:60px;animation-delay:0s;animation-duration:18s}.circles li:nth-child(5){left:65%;width:20px;height:20px;animation-delay:0s}.circles li:nth-child(6){left:75%;width:110px;height:110px;animation-delay:3s}.circles li:nth-child(7){left:35%;width:150px;height:150px;animation-delay:7s}.circles li:nth-child(8){left:50%;width:25px;height:25px;animation-delay:15s;animation-duration:45s}.circles li:nth-child(9){left:20%;width:15px;height:15px;animation-delay:2s;animation-duration:35s}.circles li:nth-child(10){left:85%;width:150px;height:150px;animation-delay:0s;animation-duration:11s}@keyframes animate{0%{transform:translateY(0) rotate(0);opacity:1;border-radius:0}to{transform:translateY(-1500px) rotate(720deg);opacity:0;border-radius:50%}}@media (max-width: 768px){#presentation-title{font-size:2rem}#presentation-subtitle{font-size:1.25rem}#presentation{text-align:center}#presentation-subtitle{font-size:1.4rem}.presentation-paragraph{font-size:1.1rem;width:100%;line-height:2.1rem;padding-top:20px}.rotating-rectangle{width:50px;height:100px;animation:rotate 10s infinite linear}.rotating-rectangle{width:80px;height:80px}.area{padding-bottom:15vh}}#presentation{position:relative}#presentation .scroll-indicator{position:fixed;bottom:30px;left:50%;transform:translate(-50%);z-index:999;cursor:pointer;width:40px;height:40px;opacity:1}#presentation .scroll-indicator .scroll-indicator-img{width:100%;height:100%;display:block}.header-contact-button{display:flex;justify-content:center;align-items:center;gap:10px;cursor:pointer;width:82px;height:82px;border-radius:20px;border:2px solid #f6f5f2;background-color:#f6f5f2;color:#3e3e3e;transition:width .7s;position:relative;overflow:hidden}.presentation-button-container{display:flex;z-index:1;gap:20px;padding-top:100px;position:relative;background-color:transparent}.header-contact-button:hover{transition:width .65s}.header-contact-button-icon{width:48px;height:48px;transition:transform .5s ease;position:relative;z-index:1;opacity:.75}.header-contact-button:hover .presentation-button-text{transform:translate(42px)}.linkedin-btn:hover{width:200px}.linkedin-btn:hover .header-contact-button-icon{transform:translate(-54px)}.github-btn:hover{width:180px}.github-btn:hover .header-contact-button-icon{transform:translate(-44px)}.cv-btn:hover{width:136px}.cv-btn:hover .header-contact-button-icon{transform:translate(-22px)}.presentation-button-text{opacity:0;position:absolute;width:100%;left:0;text-align:center;font-size:1.65rem;transition:transform 1.4s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;padding:10px 20px 10px 5px;font-weight:700;border-radius:20px;border:none;cursor:pointer}.header-contact-button:hover .presentation-button-text{opacity:1;transition:opacity .65s}@media (max-width: 1200px){.header-contact-button:hover .header-contact-button-icon{transform:translate(-55px)}.header-contact-button:hover .presentation-button-text{transform:translate(30px)}.header-contact-button{width:70px;height:70px}.header-contact-button:hover{width:200px}.header-contact-button-icon{width:40px;height:40px}.presentation-button-text{font-size:1.8rem}}@media (max-width: 992px){.header-contact-button{width:60px;height:60px}.header-contact-button:hover{width:180px}.header-contact-button-icon{width:35px;height:35px}.presentation-button-text{font-size:1.6rem}}@media (max-width: 500px){span.presentation-button-text{display:none}.header-contact-button{width:50px;height:50px;transition:background-color .3s,color .3s}.header-contact-button:hover{background-color:#eceae4;width:50px;height:50px}.header-contact-button-icon{width:30px;height:30px}.presentation-button-text{font-size:1.4rem;opacity:1;transform:none}.header-contact-button:hover .header-contact-button-icon{transform:none}.header-contact-button:hover .presentation-button-text{transform:none;opacity:1}}.services-container{display:flex;flex-wrap:wrap;gap:2.5vw;justify-content:center;background-color:#d9d4cd;position:relative;padding:16vh 2.5vw 16vh 2.5vw}.service-card{background:#d9d4cd;padding:28px 28px 64px}.service-card .service-title{font-size:2rem;margin-bottom:10px;color:#555}.service-card .service-paragraph{font-size:1.25rem;color:#7f8c8d}.service-card .icon{width:86px;height:86px;margin-bottom:15px;background-size:cover;background-position:center;opacity:.7}.service-card .uiux-icon{background-image:url(/assets/gif/api.gif)}.service-card .webdev-icon{background-image:url(/assets/gif/website.gif)}.service-card .appdev-icon{background-image:url(/assets/gif/erp.gif)}@media (max-width: 1111px){.service-card{padding:28px 28px 0}}.separator{width:4px;background-color:silver;height:auto;margin:0 10px;align-self:stretch}.svg-animation-container{width:50%}.competences-container{justify-content:center;display:flex;background-color:#d9d4cd;padding-bottom:12vh}@media (max-width: 1111px){.service-card{padding-right:10vw;padding-left:10vw;padding-top:20vh}.separator{display:none}.services-card{padding-right:1vw;padding-left:1vw}.competences-container{display:flex;flex-wrap:wrap;padding-top:25vh;padding-bottom:25vh}#button-container,.svg-animation-container{flex:1 1 50%;box-sizing:border-box}.svg-animation-container{display:flex;justify-content:center;align-items:center;text-align:center}.services-container{padding:20px;width:100%;box-sizing:border-box;height:80vh}}@media (max-width: 768px){.services-container{padding:0}.service-card{margin:0 10px}}@media (min-width: 769px){.services-container{display:flex;justify-content:center}.service-card{width:28%;max-width:705px}}.competence-details-button-wrapper{padding-bottom:5vh;background-color:#d9d4cd;display:flex;align-items:center;justify-content:center}.competence-details-icon{width:50px;height:50px}@media (max-width: 420px){.service-card{padding-top:10vh}}.scroll-progress-circle{position:fixed;bottom:20px;right:20px;width:75px;height:75px;z-index:10;mix-blend-mode:difference}.scroll-progress-circle .progress-circle{width:100%;height:100%}.scroll-progress-circle .progress-circle .progress-bg{fill:none;stroke:#e6e6e6;stroke-width:2;opacity:.2}.scroll-progress-circle .progress-circle .progress-indicator{fill:none;stroke:#fff;stroke-width:2;transition:stroke-dashoffset .2s ease-out;mix-blend-mode:difference}.scroll-progress-circle .scroll-arrow{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);cursor:pointer;display:flex;justify-content:center;align-items:center;mix-blend-mode:difference;will-change:opacity,transform}.scroll-progress-circle .scroll-arrow img{width:36px;height:36px;transform:translate(-18px,-18px);will-change:transform}@keyframes parralax_droit{0%{background-position:260px}to{background-position:-5000vw}}@keyframes parralax_gauche{0%{background-position:260px}to{background-position:5000vw}}.footer{position:relative;padding-top:3rem;color:#fffc;background:#000;margin-top:auto;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.footer__bottom{padding:2rem 5vw;border-top:1px solid #2d2d2d;max-width:1400px;margin:2rem auto 0}.footer__bottom p{text-align:center;font-size:.9rem;line-height:1.6;color:#fffc;max-width:800px;margin:0 auto}@media (max-width: 768px){.footer__bottom p{font-size:.85rem}}@media (max-width: 768px){.footer__bottom{padding:1.5rem 5vw;margin-top:1.5rem}}.footer__parralax{position:absolute;left:0;top:-300px;height:300px;width:100%;overflow:hidden}.footer__parralax-premierplan,.footer__parralax-secondplan{position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:repeat-x;background-position-y:100%}.footer__parralax-premierplan{background-position:260px;background-image:url(/assets/footer_premier_plan.png);animation:parralax_droit 500s linear infinite}.footer__parralax-secondplan{background-image:url(/assets/footer_second_plan.png);animation:parralax_gauche 600s linear infinite}.footer__content{padding:3rem 5vw;display:grid;grid-template-columns:1fr;gap:3rem;margin:2rem auto 0;max-width:1400px}@media (min-width: 768px){.footer__content{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1200px){.footer__content{grid-template-columns:1fr 1.5fr;gap:4rem}}@media (max-width: 1111px){.footer__content{flex-direction:column;gap:1.5rem;padding:10px}}.footer-links-container{display:flex;flex-direction:column;margin-bottom:1rem}.footer-links-container ul{list-style:none;padding:0;margin:0}@media (min-width: 768px){.footer-links-container{border-right:1px solid #2d2d2d;padding-right:2rem}}@media (min-width: 1112px){.footer-links-container{padding-right:2rem}}@media (max-width: 767px){.footer-links-container{border-bottom:1px solid #2d2d2d;padding-bottom:2rem}}@media (max-width: 1111px){.footer-links-container{width:100%}}.footer-map-container{display:flex;flex-direction:column;color:#fffc}@media (min-width: 768px){.footer-map-container{padding-left:1rem}}@media (max-width: 1111px){.footer-map-container{width:100%}}.footer-address{display:flex;align-items:center;margin-bottom:2rem;color:#fffc}.footer-map{width:100%;min-height:200px;display:flex;align-items:stretch}.footer-map .map-container{position:relative;width:100%;border-radius:8px;overflow:hidden}.footer-map iframe{border-radius:8px;flex-grow:1;min-height:220px;pointer-events:none}@media (min-width: 992px){.footer-map iframe{min-height:250px}}.map-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000000a6;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease}.map-overlay:hover{background-color:#00000073}.map-overlay .map-overlay-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;color:#fff;font-size:1.3rem;font-weight:600;letter-spacing:.02em}.map-overlay .map-overlay-content .click-to-interact-text{background:#000000bf;padding:.8rem 1.5rem;border-radius:4px;transition:all .3s ease}.map-overlay .map-overlay-content:hover .click-to-interact-text{background:#000000e6;transform:scale(1.025);border-color:#ffffff4d}h3.footer-coord,h3.footer-adr{display:flex;align-items:center;margin-bottom:2rem;font-size:1.5rem;color:#fffc;font-weight:700;letter-spacing:-.02em;line-height:1.2}@media (max-width: 1111px){h3.footer-coord,h3.footer-adr{font-size:1.2rem}}@media (max-width: 1111px){h3.footer-coord{font-size:1.2rem}}h3.footer-coord p.footer-content{margin:0;font-weight:700}h3.footer-adr{margin:0;line-height:1.3}.title-icon,.map-icon{min-width:2rem;height:2rem;margin-right:10px;color:#fffc;opacity:.9}@media (max-width: 1111px){.title-icon,.map-icon{min-width:1.5rem;height:1.5rem}}li.footer-coord{display:flex;align-items:center;margin-bottom:1.2rem;color:#fffc;transition:all .6s ease;padding:.5rem 0;border-radius:6px}li.footer-coord:hover{transform:translate(6px);background-color:#f6f5f214;padding-left:.8rem}li.footer-coord:hover .coord-icon{opacity:1;transform:scale(1.1)}li.footer-coord .coord-icon{min-width:1.4rem;height:1.4rem;margin-right:10px;color:#fffc;opacity:.9;transition:all .3s ease}@media (max-width: 1111px){li.footer-coord .coord-icon{min-width:1.2rem;height:1.2rem}}li.footer-coord a.footer-content{font-size:1.05rem;text-decoration:none;color:#fffc;font-weight:500;letter-spacing:-.01em;transition:all .3s ease}@media (max-width: 1111px){li.footer-coord a.footer-content{font-size:.9rem}}li.footer-coord #footer-linkedin:hover{color:#6498e5;text-decoration:underline}li.footer-coord #footer-github:hover{color:#fff;text-decoration:underline}li.footer-coord #footer-email:hover{color:#e57e64;text-decoration:underline}li.footer-coord #footer-tel:hover{color:#64e596;text-decoration:underline}.stats-container{display:flex;justify-content:space-around;padding:20px;margin-left:10vw;margin-right:10vw;margin-top:0;flex-wrap:wrap}.stats-container div{text-align:center;justify-content:center;align-items:center}.stats-number{font-size:2.5rem;font-weight:700;margin-bottom:10px;color:#312920}.stats-container p{font-size:1rem;color:#666;margin:0}.stat-square{background-color:#fff;border-radius:10%;width:260px;height:260px;transform:translateY(90px)}.stats-container{display:flex;justify-content:space-around;align-items:center;padding-top:0}.stat-square{display:flex;flex-direction:column;justify-content:center;align-items:center;width:190px;height:160px;background-color:#f6f5f2;border-radius:15px;box-shadow:0 4px 15px #0000001a;transition:width .7s ease,height .7s ease;cursor:pointer;position:relative;overflow:hidden}.stat-square:hover{width:205px;height:160px;transition:width .65s ease,height .65s ease}.stats-number{font-size:3rem;font-weight:700;color:#333;margin:0;transition:transform .65s ease}.stat-square:hover .stats-number{transform:translateY(-8px)}.stat-square p{font-size:1.2rem;font-weight:500;color:#555;text-align:center;transition:transform .65s ease}.stat-square:hover p{transform:translateY(-3px)}@media (max-width: 1000px){.stats-container{margin-left:0;margin-right:0;max-width:1000px}}@media (max-width: 768px){.stat-square{width:120px;height:120px;margin-bottom:20px}.stat-square:hover{width:120px;height:120px}.stats-number{font-size:2.5rem}.stat-square p{font-size:1rem}}@media (max-width: 530px){.stats-container p{font-size:1.5rem}div.stats-container{padding-left:5px;padding-right:5px}span.stats-number{font-size:2rem}.stat-square p{font-size:.8rem}div.stat-square,.stat-square:hover{width:85px;height:100px}}@media (min-width: 1111px){.skills-section{padding:3rem 6vw}}@media (min-width: 1700px){.skills-section{padding:14vh 12vw 32vh;padding-bottom:0;padding-top:54vh}}.skills-section{overflow:hidden}.skills-container{min-width:280px;background-color:#f6f5f2;display:flex;flex-direction:column;align-items:center;border-radius:10px;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease;padding:2rem;margin-bottom:2rem}.skills-grid-container{max-width:100%;margin:0 auto}h2.skills-title{padding:1rem 0;font-size:1.75rem;font-weight:700;text-align:center;color:#333}.skills-grid{display:grid;gap:2rem;width:100%}@media (min-width: 480px){.skills-grid{grid-template-columns:1fr}}@media (min-width: 868px){.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1350px){.skills-grid{grid-template-columns:repeat(3,1fr)}}.skillsList-container{display:grid;gap:1.5rem;width:100%;grid-template-columns:repeat(3,1fr)}.skill-card{display:flex;flex-direction:column;align-items:center;padding:1.5rem;border-radius:8px;transition:transform .3s ease,box-shadow .3s ease;background-color:#fff;justify-content:center}.skill-card:hover{transform:translateY(-10px);box-shadow:0 6px 12px #00000026}.skill-cardHeader{display:flex;align-items:center;justify-content:center;padding-bottom:12px}.skill-icon{width:48px;height:48px;transition:transform .3s ease}.skillsList{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}li.skillItem{display:flex;flex-direction:column;align-items:center;padding:.75rem;border-radius:6px;transition:transform .3s ease,background-color .3s ease}@media (pointer: fine){li.skillItem:hover .skill-icon,li.skillItem:hover p.skill-name{transform:translateY(-8px)}}p.skill-name{font-size:1rem;color:#555;text-align:center;padding-top:4px;font-weight:500;transition:transform .3s ease}.skill-category-icon{width:32px;height:32px;margin-right:8px}@media (max-width: 622px){.skills-container{padding:0}li.skillItem{padding:.5rem}div.skills-container{display:flex;width:100vw}}@media (max-width: 1111px){.skills-section{padding-left:0;padding-right:0;padding-top:64vh}.skillsList-container{gap:0}div.skills-container{width:50vw}}@media (max-width: 1500px){div.skills-container{padding:1rem;margin-bottom:1rem}}.slick-dots{text-align:center}.slick-dots li{display:inline-block;margin:0 5px}.slick-dots li button{font-size:0;line-height:0;display:block;width:12px;height:12px;border-radius:50%;background-color:#000}.slick-dots li.slick-active button{background-color:#fff}.slick-dots{display:flex;justify-content:center;align-items:center;gap:8px;list-style:none;padding:0;margin-bottom:20px}.slick-dots li{display:inline-block}.slick-dots li button{border:none;background-color:#c3c3c3;width:10px;height:10px;border-radius:50%;transition:background-color .3s ease,transform .3s ease;cursor:pointer}.slick-dots li.slick-active button{background-color:#3f3f3f;transform:scale(1.2)}.slick-dots li button:hover{background-color:#b5b5b5;transform:scale(1.1)}.slick-dots li.slick-active button:hover{background-color:#3f3f3f}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent;overflow:hidden}.slick-slide{display:flex;justify-content:center;align-items:center;padding:10px}.slick-list{overflow:hidden;margin:0;padding:0}.slick-track{display:flex;align-items:center}.slick-prev,.slick-next{position:absolute;top:50%;transform:translateY(-50%);background-color:#00000080;border-radius:4px;width:22px;height:100px;color:#fff;display:flex;justify-content:center;align-items:center;z-index:1;cursor:pointer}.slick-prev{left:-50px}.slick-next{right:-50px}.slick-prev:hover,.slick-next:hover{background-color:#000c}.slick-slide>div{display:flex;justify-content:center;align-items:center;height:100%}@media (max-width: 768px){.slick-prev{left:10px}.slick-next{right:10px}.slick-slide{padding:0 5px}}.custom-arrow{position:absolute;top:50%;transform:translateY(-50%);padding-left:6px;padding-right:6px;cursor:pointer;z-index:10;height:76px;width:30px;display:flex;justify-content:center;align-items:center;border-radius:4px;font-size:20px;font-weight:700;transition:background-color .3s ease,transform .3s ease}.slick-list{border-radius:8px}.custom-arrow:hover{transform:translateY(-50%) scale(1.1)}.next-arrow{right:10px}.prev-arrow{left:10px}@media (max-width: 768px){.custom-arrow{height:50px;width:25px;font-size:18px}}.project-cards-container{position:relative}@media (max-width: 1200px){.project-title-wrapper{width:90%;max-width:600px}}.bubble-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:8}.bubble{border-radius:14px;position:absolute;background-color:#343434;will-change:transform}.banner{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;width:100%;margin-bottom:15vh}.images-container{display:flex;flex-direction:column;justify-content:space-between;height:100%}.images-container.left,.images-container.right{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.banner-image{filter:grayscale(.83);margin:-15px;width:8rem;height:8rem;object-fit:cover}.banner-image:hover{filter:grayscale(0)}@media (max-width: 900px){.images-row{display:none}}@media (min-width: 900px){.banner{flex-direction:row;padding-top:200px;height:400px}.banner-title{font-size:2rem;margin:0 20px;transform:translateY(10px);letter-spacing:1px;text-transform:uppercase}.images-container.left{position:absolute;left:5%}.images-container.right{position:absolute;right:5%}.banner-title-container{font-size:2.5rem;padding:100px}}.banner{display:flex;justify-content:center;align-items:center}.letters-row{display:flex;gap:7.5px}.banner-letter{text-transform:uppercase;border-radius:18px;font-size:3.5rem;font-weight:700;text-align:center;color:#f6f5f2;width:5.5rem;height:5.5rem;box-shadow:3px 3px 10px #0003;margin:-10px;display:flex;align-items:center;justify-content:center;background-color:#ffffff03;background-color:#00000026}@media (min-width: 1111px){.banner-letter{font-size:4rem;width:6.5rem;height:6.5rem}.letters-row{gap:10px}}@media (max-width: 899px){.odd-letter{background-color:#212121}.even-letter{background-color:#2a2a2a}}@media (max-width: 600px){.banner-letter{text-transform:uppercase;border-radius:12px;font-size:2.25rem;font-weight:700;display:inline-block;text-align:center;color:#fff;width:3.5rem;height:3.5rem;box-shadow:3px 3px 10px #0003;margin:-10px}.letters-row{display:flex;gap:11px}}@media (max-width: 350px){.letters-row{display:flex;gap:4px}}.project-card__header{padding-top:26px;overflow:visible}.project-card__icon{position:relative;top:-42px;left:-20px;width:110px;height:110px;margin-right:10px;z-index:1;cursor:pointer;transition:transform .2s ease}.project-card__icon:hover{transform:scale(1.03)}.project-title-container{display:flex}.project-card__title{font-size:3rem;color:#f6f5f2;margin:0 0 0 -15px;padding-bottom:32px}.project-card__date{font-style:italic;font-size:1rem;color:#aaa}.project-card__description{font-size:1.25rem;color:#ddd;margin:0;line-height:1.75}@media (min-width: 900px){.project-card__description,.project-card__date{padding-right:2.5vw;padding-left:2.5vw}}@media (max-width: 1300px){.project-card__title{font-size:2rem}.project-card__header{padding:16px}}@media (max-width: 600px){.project-card__title{font-size:24px;padding-bottom:0}.project-card__header{padding:0}}.project-card__section{margin-bottom:24px;padding-bottom:29px}.project-card__badge-container{display:flex;flex-wrap:wrap;gap:5px;padding-top:29px}@media (min-width: 900px){.project-card__badge-container{padding-right:2.5vw;padding-left:2.5vw}}.project-card__badge{color:#000000de;height:30px;cursor:default;border:none;display:inline-flex;outline:none;font-size:.85rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:500;white-space:nowrap;align-items:center;border-radius:8px;justify-content:center;text-decoration:none;background-color:#f6f5f2;padding:10px;margin:2px}@media (max-width: 600px){.project-card__badge{font-size:12px}}.project-card__footer{display:flex;justify-content:space-between;max-width:100%;overflow:hidden;flex-wrap:wrap;padding:49px 5px 40px}.project-card-demo-btn,.project-card-gh-btn{background:#3a3a3a;color:#f6f5f2}.project-card-demo-btn,.project-card-gh-btn{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1.05rem;display:flex;align-items:center;text-decoration:none;padding:8px 12px;font-weight:500;border-radius:7px;transition:background .3s;align-content:center;justify-content:center}.project-card-demo-btn:hover,.project-card-gh-btn:hover{color:#f6f5f2;background-color:#414040}.project-card-link__icon{margin-right:4px;width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.75}.project-card-github__icon{margin-right:4px;width:26px;height:26px;stroke:currentColor;fill:currentColor;stroke-width:1}@media (max-width: 600px){.project-card__footer{flex-direction:column;align-items:center;width:100%}.project-card__footer{padding:0}.project-card-demo-btn,.project-card-gh-btn{width:100%;text-align:center;margin-bottom:10px}}.project-card{overflow:visible;position:relative;padding-left:3vw;padding-right:3vw;width:80vw;max-width:90%;border-radius:10px;transition:transform .2s;z-index:10;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:auto auto 440px;background-color:#00000020}.project-card__content{font-size:1rem}.line{border:none;height:3px;background-color:#f6f5f2;margin:29px 0}.demo-link-container{padding-bottom:4px}@media (max-width: 600px){.project-card{padding-left:2vw;padding-right:2vw;width:90%}.project-card__content{padding:0}}.progress-container{width:100%;height:4px;overflow:hidden;position:relative;justify-content:center}.progress-line{width:100%;height:100%;background-color:#f6f5f2;border-radius:50px}.click-to-interact-btn{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000a6;color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:1.25rem;font-weight:700;border-radius:8px;transition:background-color .3s ease,transform .2s ease}.click-to-interact-btn:hover{background-color:#00000059}.click-to-interact-btn:hover .click-to-interact-text{display:none}.demo-active{transition:background-color .3s ease,transform .2s ease}.demo-active:hover{transform:scale(1.01)}.demo-iframe-expanded{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;transition:width .65s}.full-page-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;z-index:100}.demo-iframe-container{position:relative;display:flex;justify-content:center}.demo-iframe{border:4px solid #7d7d7d;transition:width .7s;border-radius:8px;box-shadow:0 4px 10px #0003}.close-preview-button{justify-content:center;align-items:center;position:fixed;top:20vh;right:15vw;z-index:101;border:none;font-size:2rem;width:64px;height:64px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.close-preview-button:hover{transform:scale(1.1)}.view-mode-buttons{position:fixed;top:30vh;right:15vw;display:flex;flex-direction:column;gap:20px;z-index:200}.view-mode-buttons button{background-color:#f6f5f2;border-radius:16px;border:none;font-size:1rem;width:56px;height:56px;cursor:pointer;transition:background-color .3s ease,transform .2s ease;display:flex;justify-content:center;align-items:center}.view-mode-buttons button:hover{background-color:#fff;transform:scale(1.1)}.view-mode-buttons button img{width:32px;height:32px}.full-page-overlay{background:#000000d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.close-preview-button{border:none;cursor:pointer;background:none}.close-preview-button .close-preview-icon{width:74px;transition:transform .2s ease}.close-preview-button .close-preview-icon:hover{transform:scale(1.05)}.project-carousel-wrapper{position:relative;margin:0 auto}.project-carousel-wrapper .slick-slider{width:100%;margin:0 auto}.project-carousel-wrapper .carousel-item img{width:100%;object-fit:cover;border-radius:12px;box-shadow:0 6px 20px #0000001a;transition:box-shadow .3s ease}.project-carousel-wrapper .carousel-item img:hover{box-shadow:0 10px 30px #00000026}.project-carousel-wrapper .slick-slide{opacity:.3;transform:scale(.75);transition:all .4s ease}.project-carousel-wrapper .slick-slide:hover{transform:scale(.77)}.project-carousel-wrapper .slick-center{opacity:1;transform:scale(.97);z-index:2}.project-carousel-wrapper .slick-center:hover{transform:scale(1)}.project-carousel-wrapper .slick-slide{padding:0 4px}.project-carousel-wrapper .slick-track{display:flex;align-items:center}.project-carousel-wrapper .slick-slide{display:flex;justify-content:center;align-items:center;height:auto}.project-carousel-wrapper .carousel-item{display:flex;align-items:center;justify-content:center}.project-carousel-wrapper .carousel-item:focus{outline:none}.image-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;justify-content:center;align-items:center}.image-modal .modal-container{max-width:100%;max-height:100%;z-index:100}.image-modal .modal-container img{z-index:100;width:auto;height:auto;max-width:100%;max-height:100%;border-radius:12px}.slick-active{cursor:pointer}.slick-center{cursor:zoom-in}.modal-content img{cursor:zoom-out}.contact-container{display:flex;justify-content:center;align-items:center}.contact-button{padding:10px 20px;font-size:16px;cursor:pointer;border:none;color:#fff;width:250px;height:100px;background:#3f3f3f;position:relative;overflow:hidden;transition:.3s;border-radius:8px;text-decoration:none}.contact-button:hover{background-color:#383838;transform:translateY(-3px);box-shadow:8px 8px #000;transition:transform .2s ease,box-shadow .2s ease}.contact-container{position:relative}.contact-container .button-container{display:flex;justify-content:center;margin-top:20px;padding-top:20px}.contact-container .modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.contact-container .modal-overlay .modal-content{background-color:#e1e1e1;padding:28px 32px;border-radius:12px;max-width:500px;width:100%;position:relative;will-change:transform,opacity}.contact-container .modal-overlay .modal-content .close-modal-button{position:absolute;top:0;right:5px;background:none;border:none;font-size:2.5rem;cursor:pointer;color:#333}.contact-container .modal-overlay .modal-content .close-modal-button:hover{color:#000}.contact-container .modal-overlay .modal-content .contactForm h2{margin-bottom:20px;color:#333}.contact-container .modal-overlay .modal-content .contactForm form{display:flex;flex-direction:column}.contact-container .modal-overlay .modal-content .contactForm form div{margin-bottom:15px}.contact-container .modal-overlay .modal-content .contactForm form div label{display:block;margin-bottom:5px;font-weight:700;color:#555;font-size:1.25rem}.contact-container .modal-overlay .modal-content .contactForm form div input,.contact-container .modal-overlay .modal-content .contactForm form div textarea{font-family:web-safe,sans-serif;color:#000;width:100%;padding:10px;border-radius:8px;font-size:16px;background-color:#f8f8f8;border:2px solid #f8f8f9}.contact-container .modal-overlay .modal-content .contactForm form div input:focus,.contact-container .modal-overlay .modal-content .contactForm form div textarea:focus{outline:none;border:2px solid #a8a8a8;background-color:#fff}.contact-container .modal-overlay .modal-content .contactForm form div textarea{resize:vertical}.contact-container .modal-overlay .modal-content .contactForm form #form-submit-btn{padding:10px 20px;margin-top:8px;background-color:#383838;color:#f8f8f8;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:700}.contact-container .modal-overlay .modal-content .contactForm form #form-submit-btn:hover{background-color:#444}.button-container{display:flex;justify-content:center;align-items:center}.wave-btn{position:absolute;width:100%;height:50%;background:url(/assets/wave3.svg);background-size:200% 100%;top:100%;left:0;animation:wave-btn 2s linear infinite;transition:.5s}@keyframes wave-btn{0%{background-position-x:0}to{background-position-x:200%}}.contact-button:hover .wave-btn{top:50%}.text{position:relative;z-index:1;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1.75rem;font-weight:700;mix-blend-mode:difference;color:#fff}textarea#message{height:25vh;min-height:125px;max-height:275px}.scrolling-wrapper{overflow:hidden;position:relative;width:100vw;background:#ece8e0;color:#e3e0d9;height:20rem;display:flex;align-items:center;margin-bottom:60px;margin-top:300px}.scrolling-wrapper .custom-cursor{position:absolute;width:80px;height:80px;border-radius:50%;background-color:#fff;pointer-events:none;transform:translate(-50%,-50%);mix-blend-mode:difference;z-index:10;transition:transform .1s ease-out}.scrolling-wrapper .custom-cursor:hover{transform:translate(-50%,-50%) scale(1.2)}.scrolling-wrapper .scrolling-content{position:relative;z-index:1}.scrolling-wrapper .scrolling-content span{color:#2e2e2e;color:#e5e1d7;cursor:default;font-weight:700;text-shadow:0 0 10px rgba(227,224,217,.3)}.scrolling-wrapper.scroll-left,.scrolling-wrapper.scroll-right{transform:rotate(0)}.scrolling-content{display:flex;white-space:nowrap;position:absolute}.scrolling-content.scroll-left{animation:scroll-left linear infinite}.scrolling-content.scroll-right{animation:scroll-right linear infinite}.scrolling-content span{font-family:Source Code Pro,SF Mono,Monaco,Inconsolata,Fira Mono,Droid Sans Mono,monospace,monospace;font-size:34rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;text-align:center;margin:auto;white-space:nowrap;padding-bottom:3px}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scroll-right{0%{transform:translate(-50%)}to{transform:translate(0)}}*{margin:0;padding:0;box-sizing:border-box}h1,h2{color:#312920}body{overflow-x:hidden;background-color:#ede8df;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.shadowed{box-shadow:5px 5px #000}