h2{font-size:1em}.name{font-size:1.5rem;font-weight:700;line-height:2rem}.leyend{margin-top:5px;line-height:1.4rem;font-size:1rem;color:var(--text-muted)}#home{color:var(--text-main);margin-bottom:60px}.avatar{border:1px solid rgb(161,161,170);height:60px;width:60px;padding:2px;display:flex;justify-content:center;align-items:center;border-radius:50%;box-sizing:border-box;margin-bottom:10px;background-color:#a1a1aa0f}.avatar img{border-radius:100px;width:100%}.availability{border-radius:.375rem;padding:0 .5rem;font-size:.8125rem;font-weight:600;line-height:1.5rem;margin-top:1rem;width:fit-content;display:flex;align-items:center;color:var(--text-main)}.ping-container{display:flex;height:12px;width:12px;align-items:center;margin-right:6px;position:relative}.ping-outer{position:absolute;display:inline-flex;height:8px;width:8px;border-radius:50%;background-color:#a3e635;opacity:.75;animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.ping-inner{display:inline-flex;height:8px;width:8px;border-radius:50%;background-color:#a3e635;position:relative}@keyframes ping{0%{transform:scale(1);opacity:1}75%,to{transform:scale(2);opacity:0}}.social-flex-container{display:flex;align-items:center;justify-content:flex-start;gap:1.5rem;margin-top:1.5rem}.group{position:relative;transition:all .3s}.group .hover-container{transition:all .3s;transform:translateY(20px);opacity:0}.group:hover .hover-container{transform:translateY(12px);opacity:1}.group .lucide-arrow-up-right{position:absolute;width:1rem;height:1rem;left:33%;transform:translate(-50%,-50%);transition:all .3s;opacity:0}.group:hover .lucide-arrow-up-right{transform:translate(-50%,-50%) translate(4px);opacity:1}.group .social-link{transition:all .3s;filter:none;opacity:1}.group:hover .social-link{filter:blur(2px) grayscale(50%);opacity:.5}.group .lucide-social{height:24px;width:24px;stroke-width:1.5px;color:var(--text-muted);transition:all .3s ease}.group:hover .lucide-social{color:var(--text-main);transform:scale(1.1)}.grid-container{display:grid;grid-template-columns:repeat(6,1fr);row-gap:15px;column-gap:15px}.grid-item{padding:1rem;border-radius:1rem;gap:.5rem;display:flex;overflow:hidden;flex-direction:column;justify-content:flex-start;color:var(--text-main);width:100%}.post,.experience{grid-column:span 3;grid-row:span 2;height:auto;min-height:20rem}.company-list-container{position:relative;width:100%;overflow-y:auto}.company-list{display:flex;flex-direction:column;align-items:center;gap:1rem;padding-left:.5rem;padding-right:.5rem}.company-item{display:flex;width:100%;cursor:pointer;align-items:center;gap:1rem}.company-logo{width:2rem;height:2rem}.logo-image{width:2rem;height:2rem;color:transparent;object-fit:contain}.company-info{display:flex;flex-grow:1;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.5rem}.company-details{display:flex;flex-direction:column;gap:.125rem;align-items:left}.company-name{font-weight:500;color:var(--text-main);line-height:normal}.company-role{font-size:.8125rem;color:var(--text-muted);line-height:initial}.company-dates{display:flex;flex-direction:row;gap:.5rem;font-size:.8125rem;color:var(--text-muted)}.projects{grid-column:span 2;grid-row:span 2;height:auto;min-height:20rem}.music{grid-column:span 2}.contact{grid-column:span 2;overflow:hidden;justify-content:space-between;position:relative}.services{grid-column:span 6;display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}.services-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;width:100%;margin-top:1rem}.service-card{position:relative;padding:1.5rem;border-radius:1rem;text-decoration:none;color:var(--text-main);transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:.75rem;background:linear-gradient(145deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.05);overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#a3e635,transparent);opacity:0;transition:opacity .4s ease}.service-card:hover{transform:translateY(-5px);background:linear-gradient(145deg,#ffffff0f,#ffffff05);border-color:#a3e6354d;box-shadow:0 10px 30px -10px #a3e6351a}.service-card:hover:before{opacity:1}.service-icon-wrapper{width:48px;height:48px;border-radius:12px;background:#a3e6351a;color:#a3e635;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem;transition:transform .4s cubic-bezier(.4,0,.2,1)}.service-card:hover .service-icon-wrapper{transform:scale(1.1) rotate(5deg);background:#a3e63533}.service-card h3{font-size:1.15rem;font-weight:600;margin:0;letter-spacing:-.025em}.service-card p{font-size:.875rem;color:var(--text-muted);margin:0;line-height:1.5}.service-arrow{margin-top:auto;align-self:flex-end;color:#a3e635;opacity:0;transform:translate(-10px);transition:all .4s ease;font-size:1.2rem}.service-card:hover .service-arrow{opacity:1;transform:translate(0)}@media (max-width: 1023px){.services-overview{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.services-overview{grid-template-columns:1fr}}.stack{grid-column:span 2;grid-row:span 2;height:auto;min-height:20rem}.night{position:absolute;width:100%;height:100%;transform:rotate(40deg);top:50px}.star{position:absolute;left:50%;top:50%;height:1px;background:linear-gradient(-45deg,#5f91ff,#00f0);border-radius:999px;filter:drop-shadow(0 0 6px #699bff);animation:tail 3s ease-in-out infinite,falling 3s ease-in-out infinite}.star:before,.star:after{content:"";position:absolute;top:calc(50% - 1px);right:0;height:1px;background:linear-gradient(-45deg,#00f0,#5f91ff,#00f0);border-radius:100%;transform:translate(50%) rotate(45deg);animation:shining 3s ease-in-out infinite}.star:after{transform:translate(50%) rotate(-45deg)}.star:nth-child(1){top:calc(50% - 100px);left:calc(50% - 250px);animation-delay:1s}.star:nth-child(1):before,.star:nth-child(1):after{animation-delay:1s}.star:nth-child(2){top:calc(50% - 50px);left:calc(50% - 200px);animation-delay:1.2s}.star:nth-child(2):before,.star:nth-child(2):after{animation-delay:1.2s}.star:nth-child(3){top:calc(50% + -0px);left:calc(50% - 150px);animation-delay:1.4s}.star:nth-child(3):before,.star:nth-child(3):after{animation-delay:1.4s}.star:nth-child(4){top:calc(50% + 50px);left:calc(50% - 200px);animation-delay:1.6s}.star:nth-child(4):before,.star:nth-child(4):after{animation-delay:1.6s}.star:nth-child(5){top:calc(50% + 100px);left:calc(50% - 250px);animation-delay:1.8s}.star:nth-child(5):before,.star:nth-child(5):after{animation-delay:1.8s}@keyframes tail{0%{width:0}30%{width:100px}to{width:0}}@keyframes falling{0%{transform:translate(0)}to{transform:translate(300px)}}@keyframes shining{0%{width:0}50%{width:20px}to{width:0}}.stack-mask-wrapper{width:100%;position:relative;overflow:hidden;-webkit-mask-image:radial-gradient(ellipse at center,rgba(0,0,0,1) 30%,rgba(0,0,0,0) 80%);mask-image:radial-gradient(ellipse at center,#000 30%,#0000 80%)}.stack-track{display:flex;width:max-content;animation:scroll-stack 30s linear infinite;padding:40px 0;background-image:linear-gradient(to right,#E9E9EB 1px,transparent 1px,transparent 63px,#E9E9EB 63px,#E9E9EB 64px,transparent 64px),linear-gradient(to bottom,#E9E9EB 1px,transparent 1px,transparent 63px,#E9E9EB 63px,#E9E9EB 64px,transparent 64px);background-size:75px 75px;background-position:0 40px}.stack-grid{display:grid;grid-template-rows:64px 64px;grid-auto-columns:64px;grid-auto-flow:column;gap:11px;padding-right:11px}@keyframes scroll-stack{0%{transform:translate(0)}to{transform:translate(-50%)}}.stack-icon{width:100%;height:100%;background-color:var(--text-main);border:1px solid #E9E9EB;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;position:relative}.stack-icon:hover{transform:scale(1.1);box-shadow:0 10px 20px #00000026;z-index:10}.stack-icon img{width:40px;height:40px;object-fit:contain}.flutterflow-icon{display:flex;flex-direction:row;gap:8px;padding:0 12px}.flutterflow-icon img{width:auto;height:24px}.flutterflow-icon span{font-family:Geist Sans,sans-serif;font-weight:700;font-size:16px;color:#14181b;letter-spacing:-.5px}.stack-modal-grid-wrapper{display:flex;justify-content:center;width:100%;max-height:60vh;overflow-y:auto;overflow-x:hidden;-webkit-mask-image:radial-gradient(ellipse at center,rgba(0,0,0,1) 30%,rgba(0,0,0,0) 90%);mask-image:radial-gradient(ellipse at center,#000 30%,#0000 90%)}.stack-modal-grid{display:grid;grid-template-columns:repeat(5,64px);grid-auto-rows:64px;gap:11px;padding:40px;height:max-content;background-image:linear-gradient(to right,#E9E9EB 1px,transparent 1px,transparent 63px,#E9E9EB 63px,#E9E9EB 64px,transparent 64px),linear-gradient(to bottom,#E9E9EB 1px,transparent 1px,transparent 63px,#E9E9EB 63px,#E9E9EB 64px,transparent 64px);background-size:75px 75px;background-position:40px 40px}@media (max-width: 600px){.stack-modal-grid{grid-template-columns:repeat(3,64px)}}.project-link{padding:.6rem 1.2rem;display:flex;align-items:center;gap:.5rem;justify-content:center;overflow:hidden;border-radius:2rem;font-size:.875rem;font-weight:500;color:var(--text-main);text-decoration:none;background-color:var(--glass-bg);backdrop-filter:blur(8px);border:1px solid var(--border-color);position:absolute;top:50%;left:50%;z-index:40;transform:translate(-50%,-50%) scale(.85);opacity:1;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.relative-container:hover .project-link{transform:translate(-50%,-50%) scale(1);opacity:1}.project-link:hover{background-color:var(--nav-bg);border-color:var(--border-color);transform:translate(-50%,-50%) scale(1.05)}.relative-container{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.relative-container .images{filter:blur(4px);transition:filter .4s ease}.relative-container:hover .images{filter:blur(8px)}.image-background{background-color:#000;box-shadow:0 10px 15px #0000001a,0 4px 6px #0000001a;border-radius:1.5rem;will-change:transform;width:100%;max-width:300px;aspect-ratio:2 / 1}.image{user-select:none;border-radius:1.5rem;opacity:.7;width:100%;height:100%;object-fit:cover}.images{width:100%;max-width:300px;aspect-ratio:2 / 1;position:absolute}.image-wrapper{position:absolute;width:100%;height:100%}.images .image-wrapper:last-child:hover{transition:all 2s ease;transform:translate(-6.20474px) translateY(3.9374px) translateZ(0)!important}.container-btn-contact{display:flex;gap:.5rem;width:100%;height:fit-content}.btn{width:50%;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;color:var(--text-main);transition:all .3s ease;background-color:#ffffff0d}.btn:hover{background-color:#ffffff26;transform:translateY(-2px)}.styled-paragraph{color:var(--text-muted);margin-top:.5rem;margin-bottom:.5rem;font-size:.875rem;line-height:1.5rem}.container-community{max-width:600px;margin:0 auto;padding:20px;overflow:auto}.time{position:relative;padding-left:1rem;font-size:.875rem;color:var(--text-muted)}.time:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:1rem;width:2px;background-color:var(--text-main);border-radius:9999px}.container-community h2{font-size:1rem;font-weight:600;margin:.5rem 0}.container-community h2 a{color:inherit;text-decoration:none;position:relative}.container-community .tags{display:flex;gap:.5rem;margin:.5rem 0}.container-community .tag{font-size:.75rem;padding:.25rem .5rem;border-radius:.375rem}.container-community .tag:before{content:"#"}.container-community p{color:var(--text-muted);margin-top:.5rem;margin-bottom:.5rem;font-size:.875rem;line-height:1.5rem}@media (min-width: 768px) and (max-width: 1023px){.grid-container{grid-template-columns:repeat(2,1fr)}.grid-item.post,.grid-item.experience,.grid-item.projects,.grid-item.music,.grid-item.contact{grid-column:span 1}.grid-item.services{grid-column:span 2!important}.grid-item.stack{grid-column:span 1}}@media (max-width: 767px){.container-btn-contact{flex-direction:column}.btn{width:100%}.grid-container{grid-template-columns:1fr;row-gap:15px;column-gap:0}.grid-item.post,.grid-item.experience,.grid-item.projects,.grid-item.music,.grid-item.contact{grid-column:span 1}.grid-item.services{grid-column:span 1!important}.grid-item.stack{grid-column:span 1}}@media (min-width: 768px){.company-item{gap:.5rem}}@media (min-width: 768px){.company-list{gap:.5rem}}@media (min-width: 768px){.company-info{flex-direction:row;align-items:center;justify-content:space-between}}@media (min-width: 768px){.company-details{flex-direction:row;gap:.5rem;padding-top:1rem;padding-bottom:1rem;align-items:center}}
