@import"https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,400;0,600;0,700;0,800;1,400;1,600;1,700;1,800&display=swap";@import"https://fonts.googleapis.com/css2?family=Monoton&display=swap";.ab-me-container{display:flex;gap:8rem;justify-content:center;margin-top:10rem}.ab-me-img-shadow{width:95%;height:7rem;border-radius:50%;background-color:#141414;position:absolute;bottom:0;right:0;z-index:5}.ab-me-desc{width:40rem;font-size:1.4rem}.about-me-title{margin:0;font-size:clamp(4rem,10vw,8rem);font-weight:800;margin-bottom:1rem;margin-left:3rem}.img-me{position:relative;width:auto;padding-left:2rem;padding-bottom:1rem;height:50rem;z-index:10}@media (max-width: 990px){.ab-me-container{gap:4rem}.img-me{height:40rem}.ab-me-img-shadow{height:6rem}.ab-me-desc{font-size:1.3rem;width:35rem}}@media (max-width: 810px){.ab-me-container{align-items:center;flex-direction:column-reverse}.ab-me-desc{font-size:1.2rem;width:33rem}}@media (max-width: 580px){.ab-me-desc{font-size:1.1rem;width:22rem}}.copyright-text{padding-left:1rem;font-size:1.2rem;color:gray}@media (max-width: 580px){.copyright-text{font-size:1rem}}.grid-container{height:34rem;overflow:hidden}.img-socials{cursor:pointer;pointer-events:all;transition:transform .4s ease}.img-socials:hover{transform:scale(1.05);transition:transform .2s ease}.desc{bottom:29%}.pfp{background:#4647473d;border-radius:16px;box-shadow:0 4px 30px #00000036;backdrop-filter:blur(4.9px);-webkit-backdrop-filter:blur(4.9px);border:1px solid rgba(85,81,81,.185)}@media (max-width: 1250px){.grid-container{height:26rem}.desc{bottom:20%}}@media (max-width: 860px){.grid-container{height:20rem}}.projects-desc-container{position:relative;width:29rem}.container{display:flex;gap:2rem;justify-content:center;margin-right:15rem;margin-left:1rem;margin-top:10rem}.link-style{display:flex;gap:.5rem;font-size:1.3rem;font-weight:600;align-items:center;text-decoration:underline;color:#fff;height:2.5rem;margin-right:1rem}.link-image{width:3rem;height:auto}.link-style:hover{color:#8fbaff}.displayed-image{position:relative;width:22rem;height:18rem;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:1rem;overflow:hidden;cursor:pointer}.displayed-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background-color:#000;transition:opacity .2s ease}.displayed-image:hover .displayed-image-overlay{opacity:.2}.close-fullscreen{position:absolute;top:50%;right:50%;transform:translate(22rem,-14rem)}.images-container{display:flex;flex-direction:row;gap:2rem;margin-top:2rem}.image-choice{display:flex;width:8rem;gap:1rem;flex-wrap:wrap}.description-text{margin-bottom:10rem;font-size:1.4rem;margin-top:2rem}.projects-desc{width:100%;font-size:clamp(1rem,2vw,1.7rem);position:absolute;margin-top:2rem}.buttons-container{margin-top:1rem;gap:1rem;width:100%;justify-content:center;margin-left:-30rem}.dot-arrow{-webkit-tap-highlight-color:transparent}.cards-container{margin-top:1rem;display:flex;flex-wrap:wrap;flex-direction:row;gap:1rem;margin-left:-4rem;justify-content:center}.disabled-text{position:absolute;rotate:90deg;left:-41%;top:20%;display:flex;align-items:center;gap:.5rem;width:100%}.project-tool{top:1rem;margin-left:8px}.gradient-border-card{position:absolute}.modal-title{font-size:2rem;font-weight:800}.gradient-border-card:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;background-color:red;width:100%;height:100%;border-radius:20px;background:linear-gradient(45deg,red,#00f)}.dark-overlay{position:absolute;transition:opacity .2s ease}.L-container{-webkit-tap-highlight-color:transparent}.L-container:hover .dark-overlay{opacity:60%}.L-container:hover .pointer-container{scale:1.1}.dot{width:1rem;height:1rem;border-radius:50%}.info-tech-container{flex-direction:row}.date-tech-container{flex-direction:row;font-size:1.1rem;margin:0rem 1rem 0rem 1.5rem}.tech-container{flex-direction:column;align-items:center;height:100%;width:7rem;padding:.3rem .2rem 1rem}.tool-logo{width:5rem;height:auto;position:relative}.pointer-container{width:18%;height:18%;transition:scale .2s ease}@media (max-width: 1500px){.container{margin-top:6rem}}@media (max-width: 1300px){.cards-container{gap:1rem}.disabled-text{top:15%}.buttons-container{margin-left:-25rem}}@media (max-width: 1100px){.disabled-text{top:10%}.project-tool{top:-.2rem}.buttons-container{margin-left:-10rem}}@media (max-width: 900px){.disabled-text{top:5%}.project-tool{top:-.8rem;margin-left:6px}.cards-container{margin-left:0rem}}@media (max-width: 700px){.modal-title{font-size:1.3rem}.info-tech-container{flex-direction:column-reverse}.date-tech-container{flex-direction:column;font-size:.8rem;line-height:.5rem;margin:1rem 1rem 0rem 1.5rem}.tech-container{flex-direction:row;justify-content:center;height:100%;width:100%;margin-bottom:1rem;padding:.3rem 0rem 1rem}.tool-logo{width:3rem}.close-fullscreen{top:2rem;right:2rem;transform:translate(0)}.info-tech-container{align-items:center}.images-container{margin-top:1rem}.description-text{margin-top:0rem}}@media (max-width: 650px){.container{margin-right:0rem;margin-left:0rem;align-items:center;flex-direction:column}.cards-container{margin-top:0rem}.projects-desc-container{width:70%}.buttons-container{margin-top:3.5rem;gap:.3rem;margin-left:0rem}.projects-desc{margin-top:0}.cards-container{gap:1rem}.project-tool{top:-1rem}.images-container{flex-direction:column;width:100%;align-items:center;gap:1rem}.image-choice{width:18rem}.displayed-image{width:80%}}@media (max-width: 450px){.link-style{font-size:1.1rem}.link-image{width:2rem}.description-text{font-size:1.2rem}}.x-button{position:absolute;top:1.5rem;right:3%;width:5rem;height:5rem;cursor:pointer;padding-top:1rem}.x-button:before,.x-button:after{content:"";position:absolute;left:0;bottom:50%;width:100%;height:.8rem;border-radius:2rem;background-color:#f0f;transition:background-color .2s ease}.x-button:before{transform:rotate(45deg)}.x-button:after{transform:rotate(-45deg)}.x-button:hover:before,.x-button:hover:after{background-color:#c508c5}.title-box{background:#3b2dd796;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(10.2px);-webkit-backdrop-filter:blur(10.2px);border:1px solid rgba(59,45,215,.49)}@media (max-width: 700px){.x-button{top:1rem;padding-top:0rem;width:4rem;height:4rem}.x-button:before,.x-button:after{height:.5rem}}.skill-icon{filter:grayscale(100%);transition:filter .2s ease,transform .2s ease}.skills-container{margin-top:15rem}.skill-icon:hover{filter:grayscale(0%);transform:scale(1.05)}.active-skill-icon{filter:grayscale(0%);transform:scale(1.1);transition:filter .2s ease,transform .2s ease}@supports (-webkit-text-size-adjust: none) and (font: -apple-system-body){.skill-icon{filter:url(#grayscale)}.skill-icon:hover,.active-skill-icon{filter:none}}@supports (not (-webkit-text-size-adjust: none)) and (font: -apple-system-body){.skill-icon{filter:url(#grayscale)}.skill-icon:hover,.active-skill-icon{filter:none}}.title{position:relative;z-index:2;margin:0;font-size:clamp(4rem,10vw,8rem);font-weight:800;margin-bottom:1rem}.pattern-container{position:absolute;bottom:2rem;right:10rem;height:40rem;width:40rem;border-radius:50%;overflow:hidden}.right-side-container{width:50rem;height:55rem}.tech-button-container{display:flex;gap:1rem;max-width:35rem;flex-wrap:wrap}.tech-button{position:relative;z-index:2;background-color:#3b2dd7;max-width:fit-content;padding:1rem 2rem;border-radius:1rem;font-size:1.5rem;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent}.tech-button>p{margin:0%}.tech-button:hover{background-color:#4f41e7}.tech-card-container{margin-top:2rem;max-width:50rem;display:flex;flex-wrap:wrap;gap:1rem}.tech-card-image{position:relative;z-index:2;width:auto;height:2rem}.tech-circle{position:relative}.tech-card{position:relative;z-index:2;display:flex;gap:.5rem;align-items:center;font-size:1.4rem;padding:0rem 1rem;background:#3335357a;border-radius:16px;box-shadow:0 4px 30px #00000036;backdrop-filter:blur(4.9px);-webkit-backdrop-filter:blur(4.9px);border:1px solid rgba(85,81,81,.48)}@media (max-width: 1600px){.pattern-container{right:0rem;bottom:0rem}}@media (max-width: 1400px){.pattern-container{right:-10rem;bottom:0rem}}@media (max-width: 1200px){.tech-card{font-size:1.1rem}.pattern-container{height:35rem;width:35rem}.tech-card-image{height:1.5rem}.tech-button{font-size:1.2rem}.right-side-container{height:47rem}}@media (max-width: 1000px){.skills-container{margin-top:10rem}.tech-circle{position:absolute;z-index:1;left:-15rem;opacity:.5}.pattern-container{height:30rem;width:30rem}.skill-icon:hover{filter:grayscale(100%)}.active-skill-icon{filter:grayscale(100%);scale:1;transition:scale .2s ease}.tech-card-container{justify-content:end}.right-side-container{display:flex;flex-direction:column;align-items:end}.tech-button-container{justify-content:end}}@media (max-width: 850px){.tech-card{font-size:.9rem}.pattern-container{display:none}.tech-card-container{margin-right:.5rem;gap:.5rem}.title{margin-right:1rem}.right-side-container{height:45rem}.tech-card-image{height:1.2rem}.tech-button{font-size:1rem;padding:.5rem 1.5rem}.tech-button-container{margin-right:1rem;gap:.5rem;max-width:25rem}}.topbar-container{display:flex;gap:1rem;align-items:center;font-size:1.3rem}@media (max-width: 900px){.topbar-container{font-size:1.1rem;gap:.7rem}}@media (max-width: 600px){.topbar-container{font-size:.9rem;gap:.5rem}#last-one{display:none}}.workexperience-container{margin-top:10rem}.work-title{margin:0;font-size:clamp(4rem,10vw,8rem);font-weight:800;margin-bottom:1rem;margin-left:12rem}.job-title-description-container{position:relative;height:50rem;width:50rem}.content-container{display:flex;justify-content:center;gap:2rem;align-items:center}.work-buttons-container{display:flex;flex-direction:column;gap:3rem}.job-title-container{position:absolute;height:8rem;width:40rem;font-size:1.8rem;font-weight:600;padding:0rem 0rem 0rem 1rem;line-height:1.2rem;background:#4647473d;border-radius:16px;box-shadow:0 4px 30px #00000036;backdrop-filter:blur(4.9px);-webkit-backdrop-filter:blur(4.9px);border:1px solid rgba(85,81,81,.185)}.job-description-container{position:absolute;bottom:0;right:0;width:45rem;height:44rem;border-radius:1rem;font-size:1.5rem}.job-description{margin-top:3rem;padding-left:1rem;padding-right:1rem}.work-box-container{position:relative;width:30rem;height:7rem;border-radius:.7rem;border-width:3px;border-style:solid;padding:.1rem 1rem 0rem;cursor:pointer}.work-box-pattern{position:absolute;width:100%;height:100%;left:0;top:0;z-index:10}.work-box-info-container{position:relative;line-height:.8rem;font-weight:600;font-size:1.5rem;z-index:20}.work-box-months{width:13rem;height:3rem;position:absolute;z-index:30;top:-20px;right:-10px;border-radius:1rem;color:#141414;font-size:1.3rem;font-weight:800;line-height:.4rem}@media (max-width: 1300px){.work-title{margin-left:1rem}}@media (max-width: 1150px){.job-title-description-container{width:40rem;height:44rem}.job-description-container{width:39rem;height:39rem;font-size:1.3rem}.job-title-container{width:35rem;height:7rem;font-size:1.5rem}.work-box-container{width:25rem;height:6rem}.work-box-info-container{font-size:1.3rem}.work-box-months{width:10rem;height:2.3rem;font-size:1.2rem;line-height:0rem}}@media (max-width: 930px){.content-container{flex-direction:column}.work-buttons-container{flex-direction:row;flex-wrap:wrap;justify-content:center;margin-top:4rem}.work-box-container{width:18rem;height:7rem;padding:0rem .5rem 0rem 1rem}.work-box-info-container{font-size:1.1rem;line-height:1.3rem}.work-box-months{width:10rem;height:2.3rem;font-size:1.2rem;line-height:0rem}}@media (max-width: 850px){.workexperience-container{margin-top:0rem}}@media (max-width: 570px){.work-buttons-container{flex-wrap:nowrap;flex-direction:column;gap:2rem}.job-title-description-container{width:24rem;height:39rem}.job-description-container{width:24rem;height:35rem;font-size:1.1rem}.job-title-container{width:23rem;height:5.5rem;font-size:1.3rem;line-height:.8rem}.work-box-container{width:17rem;height:6rem}.work-box-info-container{font-size:1rem;line-height:1.2rem}.work-box-months{width:10rem;height:2.2rem;font-size:1rem;line-height:.2rem}}html{scroll-behavior:smooth;font-size:13px}body{font-family:karla,sans-serif;margin:0;overflow-x:hidden;color:#fff;background-color:#0d0e0e}h1{font-family:monoton,sans-serif;font-weight:400}h2{font-family:karla,sans-serif}.dot-pattern{--dot-size: clamp(.75px, .3vw, 1.7px);--dot-gap: clamp(6px, .9vw, 13px);background-image:radial-gradient(circle,#fff 0 var(--dot-size),transparent var(--dot-size));background-size:var(--dot-gap) var(--dot-gap)}