body{background-color:#888277;color:#f5f5f5;font-family:Poppins,sans-serif;overflow-x:hidden;cursor:default}.main-cont{overflow-x:hidden}.svg-bottom{width:100%;background-color:#888277;margin-top:-1%}.navb-link:focus{outline:none;box-shadow:none}body,html{margin:0;padding:0;scroll-behavior:smooth}.section-hero{display:flex;flex-direction:column;background-color:#888277}.section-portfolio,.section-skills,.section-contact{padding:80px 0}.section-heading{margin-bottom:40px;text-align:center}.project-card{border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:20px;transition:transform .3s ease}.project-card:hover{transform:translateY(-5px)}.footer{background-color:#f5f5f5;padding:20px 0;text-align:center}.cont-section{background:#000}.button-frstpg{display:flex;flex-direction:row;justify-content:center;align-items:center;z-index:1;gap:5%}.button{display:inline-block;padding:1% 4%;font-size:14px;font-weight:400;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;margin:10px;box-shadow:0 4px 6px #0003;background-color:#312c23;color:#edeade}.contattami{background:#2e291f}.contattami:hover{background:#3a3427;transform:translateY(-3px);box-shadow:0 7px 14px #2e291f66}.contattami:active{transform:translateY(1px);background:#252017}.download{background:#888277;color:#2e291f}.download:hover{background:#9a9489;transform:translateY(-3px);box-shadow:0 7px 14px #88827766}.download:active{transform:translateY(1px);background:#76716a}.button:after{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle,#fff 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10);opacity:0;transition:transform .5s,opacity 1s}.button:active:after{transform:scale(0);opacity:.3;transition:0s}.cont-first-cont{width:100%;display:flex;justify-content:center;align-items:center;padding-top:15%;min-height:60vh}.second-cont{position:absolute;width:50%;display:flex;justify-content:center;align-items:flex-start;top:0;background:linear-gradient(to bottom,#464034,#46403400);border-bottom-left-radius:1000px;border-bottom-right-radius:1000px;padding:5%}.logo-big{width:60%}.first-cont{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-left:5%;padding-top:15%}.nome{font-size:18px;font-weight:400;color:#2e291f;width:60%}.descrizione{font-size:22px;width:60%}.role{color:#2e291f;width:60%;font-size:40px;font-weight:800}.section-chi{padding:3rem 1rem;width:100%}.main-chi-cont{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2rem;max-width:1200px;margin:0 auto}.cont-me{flex:1 1 300px;position:relative;min-width:250px;max-width:450px;margin:0 auto}.mePC{width:70%;height:auto;object-fit:contain;display:block}.nome-cont{flex:2 1 400px;display:flex;flex-direction:column;justify-content:flex-start;padding:1rem 0;max-width:600px}.nome-chi{font-size:clamp(28px,5vw,40px);font-weight:800;padding-bottom:1rem;line-height:1.2;color:#888277}.separatore{border:1px solid #888277;width:clamp(40px,15%,80px);margin-bottom:1.5rem}.chi-sono-cont{width:95%;line-height:1.8;font-size:clamp(16px,2vw,20px);font-weight:200}.project{display:flex;flex-direction:column;justify-content:center;align-items:center}.primo-progetto{width:50%;padding:3%}.cont-primo{font-size:18px;font-weight:200;background-color:#2e291f;padding:10%;border-radius:50px}.ttl-pro{font-weight:600;letter-spacing:3px;padding-bottom:4%;text-align:center}.svg-second,.svg-tre,.svg-four{margin-top:4%;width:100%}.nome-skill{color:#888277!important}.separatore-skill{border:1px #888277 solid;width:20%}.bckgrndsecond{margin-top:-2%;background-color:#888277}.bckgrndtre{margin-top:-2%;background-color:#000}.section-contact{background-color:#888277;margin-top:-2%}.container-skill{margin-top:2%}.section-skills{margin-bottom:-10%}.skills-container{display:flex;justify-content:center;gap:1%}.skills-catergory-fe,.skills-catergory-be,.skills-catergory-db{display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px #888277 solid;background-color:#312c23;border-radius:25px;margin-left:2%;margin-right:2%;padding-top:2%}.skills-catergory-db,.skills-catergory-be,.skills-catergory-fe{display:flex;background-color:#312c23;border-radius:25px;padding-top:5%}.ul-db{display:flex;padding:4%}.cont-ul{display:flex;flex-direction:column}.ul-fe-s,.ul-fe,.ul-be{display:flex}.icon-fe,.icon-be,.icon-db{list-style:none;text-align:center}.icon-wildfly{width:35%}.icon-rest{width:24%}.icon-kafka{width:35%}.ttl-skills{font-weight:200;letter-spacing:8px;padding-bottom:4%}.icon{width:30%;padding-bottom:10%;transition:transform .5s ease}.icon:hover{transform:scale(1.7)}.cont-db{padding-top:4%;margin-left:20%;margin-right:20%}.icon-db-s{width:27%}.cont-ul{display:flex}.skills-content{max-width:70%;margin:0 auto;padding:0 20px}.skills-section{margin-bottom:64px}.section-header{display:flex;align-items:center;justify-content:center;margin-bottom:50px}.section-title-container{display:flex;align-items:center}.section-title{font-size:1rem;letter-spacing:6px;font-weight:200;color:#fff;margin:0}.swiper-container{overflow:hidden;position:relative}.swiper-track{display:flex;padding-bottom:6%}.skill-card{flex-shrink:0;width:6%;height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin:0 15px;transition:all .3s ease}.skill-card:hover{transform:scale(1.05);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.skill-icon{margin-bottom:4px}.skill-name{font-size:1rem;color:#ccc;font-weight:500;text-align:center;line-height:1.2}@keyframes scrollLeft{0%{transform:translate(0)}to{transform:translate(-33.333%)}}@keyframes scrollRight{0%{transform:translate(-33.333%)}to{transform:translate(0)}}.animate-scroll-left{animation:scrollLeft 20s linear infinite}.animate-scroll-right{animation:scrollRight 20s linear infinite}@media (max-width: 768px){.skills-title{font-size:2rem}.section-title,.skills-subtitle{font-size:1rem}.skill-card{width:40px;height:70px}.skill-name{font-size:.7rem}}@media (max-width: 480px){.skills-swiper-container{padding:40px 0}.skills-content{padding:0 10px}.skills-header,.skills-section{margin-bottom:40px}.gradient-line{width:24px;margin:0 8px}.skill-card{width:60px;height:60px;margin:0 8px}}.contact-form,.esperienze-cont{display:flex;flex-direction:column;justify-content:center;align-items:center}.cont-esp{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:10%}.nome-esp{font-size:clamp(28px,5vw,40px);font-weight:800;padding-bottom:1rem;line-height:1.2;color:#2e291f}.separatore-esp{border:1px #2e291f solid;width:20%}.esperienze-cont{-webkit-tap-highlight-color:transparent;background-color:#2e291f;padding:2%;width:70%;color:#edeade;border-radius:5px;margin-bottom:20px;transition:margin-bottom .4s ease}.svg-titolo{width:3%}.esperienze-titolo{font-size:18px;display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 0;cursor:pointer}.esperienze-dettagli{overflow:hidden;max-height:0;opacity:0;width:100%;display:flex;flex-direction:column;text-align:left;transition:max-height .4s ease,opacity .4s ease,padding .4s ease}.esperienze-dettagli.aperto{max-height:550px;opacity:1;padding-top:10px;padding-bottom:15px;display:flex;flex-direction:column;text-align:left}.item-data{font-style:italic!important;font-weight:200;margin-bottom:8px;color:#ccc}.skill-cont{display:flex;justify-content:center;align-items:center;gap:3%}.skill{width:fit-content;background-color:#888277;color:#000;padding:1%;border-radius:50px}.skill:hover{background-color:#000;color:#888277;transition:.2s ease}.footer{height:40vh;background-color:#2e291f;display:flex;justify-content:center;align-items:center}.container-foot{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;max-width:500px}.wrapper{display:flex;list-style:none;padding:0;margin-bottom:30px;font-family:Poppins,sans-serif;justify-content:center;width:100%}.wrapper .iconfoot{position:relative;background:#fff;border-radius:50%;margin:0 10px;width:50px;height:50px;font-size:18px;display:flex;justify-content:center;align-items:center;box-shadow:0 10px 10px #0000001a;cursor:pointer;transition:all .2s cubic-bezier(.68,-.55,.265,1.55)}.wrapper .tooltip{position:absolute;top:0;font-size:14px;background:#fff;color:#fff;padding:5px 8px;border-radius:5px;box-shadow:0 10px 10px #0000001a;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.wrapper .tooltip:before{position:absolute;content:"";height:8px;width:8px;background:#fff;bottom:-3px;left:50%;transform:translate(-50%) rotate(45deg);transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.wrapper .iconfoot:hover .tooltip{top:-45px;opacity:1;visibility:visible;pointer-events:auto}.wrapper .iconfoot:hover span,.wrapper .iconfoot:hover .tooltip{text-shadow:0px -1px 0px rgba(0,0,0,.1)}.wrapper .facebook:hover,.wrapper .facebook:hover .tooltip,.wrapper .facebook:hover .tooltip:before{background:#00077b;color:#fff}.wrapper .twitter:hover,.wrapper .twitter:hover .tooltip,.wrapper .twitter:hover .tooltip:before{background:#d93025;color:#fff}.wrapper .instagram:hover,.wrapper .instagram:hover .tooltip,.wrapper .instagram:hover .tooltip:before{background:#181717;color:#fff}.facebook:hover .linkedin,.twitter:hover .email,.instagram:hover .github{fill:#fff}.maininfofooter{width:100%;display:flex;justify-content:center}.infofooter{width:100%;max-width:350px;display:flex;flex-direction:column;align-items:center;color:#fff}.infofootinsa{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.infofootinsa:hover{text-decoration:underline}.infofootins{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:10px;padding-bottom:12px}.language-switcher{position:fixed;bottom:16px;right:16px;display:flex;gap:0;z-index:9999}.flag-button{padding:0;margin:0;border:none;background:transparent;cursor:pointer}.flag-button svg{transition:filter .4s ease}@media (max-width: 768px){.button-frstpg{margin-top:-10%}.button{padding:3% 6%;font-size:14px;font-weight:400}.cont-first-cont{min-height:80vh}.logo-big{width:120%;padding-top:0%}.first-cont{width:90%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:30%}.nome{width:100%;font-size:16px;font-weight:400;color:#2e291f}.descrizione{width:100%;font-size:18px}.role{width:100%;color:#2e291f;font-size:25px;font-weight:800}.mePC{width:60%}.desc-me-chi{width:95%}.me{width:50%}.cont-me{width:100%;display:flex;justify-content:center;align-items:center;margin-left:5%}.primo-progetto{width:90%;padding:6%}.cont-primo{font-size:15px;font-weight:200;background-color:#2e291f;padding:7%;border-radius:50px}.skills-catergory-fe,.skills-catergory-be,.skills-catergory-db{min-height:35vh}.skills-catergory-be-cont{padding-top:10%}.cont-db{padding-top:4%;margin-left:5%;margin-right:5%}.skills-catergory-db{max-width:100%}.container{display:flex;flex-direction:column}.skills-container{display:flex;flex-direction:column;justify-content:center;padding:5%}.icon{width:40%;margin-left:-30%}.ttl-skills{font-size:14px}.esperienze-titolo{min-width:fit-content;font-size:13px;display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 0;white-space:nowrap;cursor:pointer}.item-desc{font-size:11px}.skill{display:none}.item-data{white-space:nowrap;display:none}.container-foot{width:80%}.infofooter{font-size:14px}.wrapper svg{width:40%}.wrapper .iconfoot{width:40px;height:40px}.wrapper .iconfoot:hover .tooltip{display:none}}@media (min-width: 768px) and (max-width: 1024px){.button{padding:3% 6%;font-size:14px;font-weight:400}.cont-first-cont{min-height:60vh}.logo-big{width:100%}.first-cont{width:80%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:30%}.second-cont{width:40%}.nome{width:100%;font-size:18px;font-weight:400;color:#2e291f}.descrizione{width:100%;font-size:20px}.role{width:100%;color:#2e291f;font-size:35px;font-weight:800}}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}.header{padding-left:10%;width:100%;max-width:max-content}.navbar{display:flex;justify-content:space-around;align-items:center;width:80%;padding:.5rem 0rem;box-sizing:border-box;position:fixed;z-index:1000;background-color:#0009;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border-radius:1000px}.section-hero{margin-top:1%}.navb-link{text-transform:uppercase;font-weight:200;font-size:18px;width:fit-content;white-space:nowrap;cursor:pointer;color:#fff;text-decoration:none;margin:0 15px;transition:color .3s}.navb-link:hover{color:#ccc}.logo{width:4rem}.hamburger-btn{display:none;position:fixed;top:15px;left:15px;z-index:1000;background-color:#0009;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border:none;border-radius:50%;padding:12px;cursor:pointer;box-shadow:0 2px 5px #0000004d}button:focus,a:focus{outline:none!important;box-shadow:none!important}.hamburger-icon{width:24px;height:24px;display:block}.sidebar{position:fixed;top:0;left:0;width:250px;height:100%;background-color:#000000d9;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:2px 0 10px #0000004d;z-index:999;transform:translate(-100%);transition:transform .3s ease-in-out}.sidebar.active{transform:translate(0)}.sidebar-content{padding:30px 20px}.logo-container{padding:15px 0;display:flex;justify-content:center;margin-bottom:40px}.menu-items{list-style:none;margin-top:30px;padding:0}.menu-items li{margin-bottom:20px}.mobile-navb-link{display:block;padding:10px 15px;color:#fff;text-decoration:none;text-transform:uppercase;font-weight:200;font-size:18px;border-radius:1000px;transition:background-color .2s}.mobile-navb-link:hover{background-color:#ffffff1a}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;opacity:0;visibility:hidden;transition:opacity .3s;z-index:998}.overlay.active{opacity:1;visibility:visible}@media (max-width: 768px){.navbar{display:none}.hamburger-btn{display:block}.header{padding-left:0}}.button-calypso{overflow:hidden;font-family:freight-display-pro,serif;font-size:1.15rem;border-radius:.85rem;color:#fff}