@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{padding:0;margin:0;box-sizing:border-box;font:inherit}img{position:absolute;width:100%;height:100%}.image-container{position:relative}li{list-style:none}button{font-size:1em;border:none;cursor:pointer;background-color:transparent}h1,h2,h3,h4,h5,p,a{font-size:1em;color:var(--clr-font);font-family:var(--font-family)}div,span{font-family:var(--font-family)}p{line-height:1.8}.wrapper{max-width:1216px;width:100%}body{background-color:var(--clr-bg)}main>.wrapper{padding:4em 1em;display:flex;flex-direction:column;gap:4em}article{display:flex;flex-direction:column;margin-bottom:1em;gap:2em}article .content{opacity:.3;transition:opacity 1s}article.visible .content{opacity:1}article>header{padding:1em 0;position:relative}article>header h2{font-size:1.6em;font-weight:700;text-transform:uppercase;color:var(--clr-font-highlight);color:#fff;transition:background-color .3s,padding .3s}.line{width:100%;margin:0 auto;height:1px;border-radius:4px;background-color:var(--clr-dark)}.visible h2{background-color:var(--clr-secondary);background-color:var(--clr-primary);padding:0 1rem}:root{--clr-primary: #c03939;--clr-secondary: #1b4446;--clr-font: #cacbe1;--clr-font-light: #efefef;--clr-font-dark: #8f96ad;--clr-font-highlight: #eef7db;--clr-dark: #242738;--clr-bg: #12182a;--font-family: "Poppins", serif}footer{padding:4rem 1rem;text-align:center;color:var(--clr-font-light)}.home{display:flex;max-width:1216px;width:100%;margin:auto;gap:4em}.home .aside{max-width:400px;width:100%}@media (max-width: 768px){.home{flex-direction:column;gap:0}.home .aside{max-width:100%}}.aside .content{position:sticky;top:0;padding:4em 1em;display:flex;flex-direction:column;gap:5em;min-height:100vh}.aside__text{display:flex;flex-direction:column;gap:1em}.aside__text h1{font-size:3em;font-weight:700;color:var(--clr-font-light)}.aside__text h2{font-size:1.5em;color:var(--clr-primary)}.aside__text p{color:var(--clr-font-dark);font-size:1em}.aside__text>span{font-size:1em;color:var(--clr-font);font-size:1.1em}.aside__nav-list{display:flex;flex-direction:column;gap:1em}.aside__nav-item{display:flex;align-items:center;gap:1em}.aside__nav-item a{color:var(--clr-font-dark);text-decoration:none;font-size:.8em;font-weight:700;text-transform:uppercase}.aside__nav-item a:hover{color:var(--clr-font-light)}.aside__nav-item div{height:.15rem;width:.5rem;background-color:var(--clr-font-dark);transition:width .3s}.aside__nav-item div.active{width:3em;background-color:var(--clr-font-light)}.aside__nav-item div.active+a{color:var(--clr-font-light)}.aside__links{margin-top:auto;display:flex;gap:1em;flex-wrap:wrap}.aside__resume{width:100%;opacity:0;transition:opacity .3s;-webkit-user-select:none;user-select:none;pointer-events:none}.aside__resume--active{opacity:1;pointer-events:all}.aside__resume a{color:var(--clr-font-highlight);align-items:center;display:flex;gap:.5em;text-decoration:none;width:fit-content}.aside__links svg{width:1.8em;height:1.8em;fill:var(--clr-font-dark)}.aside__links svg:hover{fill:var(--clr-font-highlight)}.aside__links img{width:28.8px;height:28.8px;filter:grayscale(100%);border-radius:50%}.aside__links img:hover{filter:grayscale(0%)}@media (max-width: 768px){.aside .content{min-height:0}.aside__nav-list{flex-direction:row}.aside__nav-item div{display:none}.aside__nav a{color:var(--clr-font-light)!important}.aside__resume{display:none}}.goal__svg{display:flex;width:100%;height:200px;max-width:300px}.goal__flex{opacity:.25;display:flex;width:100%;height:100%;gap:14px;align-items:end}.goal__flex div{width:100%;background-color:#b9bdc9;border-radius:4px}.goal__flex div:nth-of-type(1){height:30%}.goal__flex div:nth-of-type(2){height:60%;animation:graphAnimation1 3s cubic-bezier(.68,-.01,.06,.91) infinite alternate}.goal__flex div:nth-of-type(3){height:90%;animation:graphAnimation2 3s cubic-bezier(.68,-.01,.06,.91) infinite alternate}@keyframes graphAnimation1{0%{height:40%}2%{height:40%}70%{height:60%}to{height:60%}}@keyframes graphAnimation2{0%{height:50%}2%{height:50%}70%{height:90%}to{height:90%}}.table__svg{display:flex;max-width:300px;width:100%;height:200px;position:relative}.table__grid{opacity:.25;display:flex;width:100%;height:100%;gap:5px;flex-direction:column;animation:responseAnimation 4s cubic-bezier(.68,-.01,.06,.91) infinite alternate}.table__grid-header{width:100%;height:20%;background-color:#b9bdc9;border-radius:4px}.table__grid-body{overflow-y:auto;pointer-events:none;width:100%;height:80%;display:grid;flex-wrap:wrap;position:relative;gap:5px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.table__grid-body div{background-color:#b9bdc9;height:48px;border-radius:4px}.table__pointer{position:absolute;left:100%;top:60%;transform:translate(-10%) translateY(-60%);animation:pointerAnimation 4s cubic-bezier(.68,-.01,.06,.91) infinite alternate}.table__pointer path{fill:#b9bdc9}@keyframes responseAnimation{0%{width:100%}20%{width:100%}80%{width:60%}to{width:60%}}@keyframes pointerAnimation{0%{left:100%}20%{left:100%}80%{left:60%}to{left:60%}}.about{container-type:inline-size}.about .content{display:flex;flex-direction:column;gap:3em}.about section{display:flex;gap:1rem}.about__text{display:flex;flex-direction:column;gap:10px}.about h3{flex-shrink:0;width:50%;max-width:10rem;color:var(--clr-font)}.about p{color:var(--clr-font-dark)}.about p span{color:var(--clr-font)}.about a{color:var(--clr-font-highlight);display:flex;align-items:center;gap:.5rem;width:fit-content}.about svg{fill:var(--clr-font-highlight)}@container (max-width: 540px){.about .content{gap:3em}.about section{flex-direction:column;gap:1rem}.about h3{width:100%;max-width:fit-content}}.projects .content{display:flex;flex-direction:column;gap:3em}.projects__list{display:flex;flex-direction:column;gap:4em;container-type:inline-size;container-name:projects}.projects__card{display:flex;flex-direction:column;width:100%;gap:1.5em;padding:1em}.projects__card:hover{background-color:#ffffff0e}.projects__card>.image-container--desktop{position:relative;flex-shrink:0;width:90%;max-width:440px;aspect-ratio:16/9}.projects__card .image-container img{object-fit:cover}.projects__card .image-container--mobile{position:absolute;height:90%;aspect-ratio:9/16;right:-3rem;top:calc(50% + 1rem);transform:translate(-1.5rem,calc(-50% + 1rem));border:4px solid black}.projects__card .image-container--mobile img{filter:brightness(.8) contrast(1.2)}.mobile__camera{position:absolute;top:2.5%;left:50%;transform:translate(-50%,-2.5%);width:3.5%;aspect-ratio:1;background-color:#000;border-radius:50%}.projects__card-text{display:flex;flex-direction:column;gap:1em}.projects__card-title{display:flex;gap:.5em;flex-direction:column}.projects__card-text h3{font-weight:700;color:var(--clr-font);display:flex;align-items:center;gap:1em}.projects__card-text h3 span{font-weight:400;font-size:.8em;color:var(--clr-font);background-color:#0000003a;border-radius:4px;padding:.25em 1em}.projects__card-text p{color:var(--clr-font-dark);font-size:.85em}.projects__card-skills{display:flex;flex-wrap:wrap;gap:.5em}.projects__card-skills div{background-color:var(--clr-secondary);padding:.25em 1em;border-radius:16px;color:#8bfbf7;font-size:.8em}.projects__card-links{display:flex;gap:.5em;color:var(--clr-font)}.projects__card-links svg{fill:var(--clr-font)}.projects__link{color:var(--clr-font-highlight);display:flex;gap:.5em;align-items:center;text-decoration:none}.projects__link svg{fill:var(--clr-font-highlight)}.projects__link:hover svg{animation:arrow .5s infinite ease-in-out}@keyframes arrow{0%{transform:translate(0)}50%{transform:translate(.5em)}to{transform:translate(0)}}@container projects (max-width:450px){.projects__card{padding:0}.projects__card:hover{background-color:transparent}}.skills>.content{display:flex;flex-direction:column;gap:4em}.skills__keyword{display:flex;flex-direction:column;gap:1em}.skills h3{color:var(--clr-font);font-weight:700;font-size:1.2em}.skills__keyword-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1em}.skills__keyword-card{display:flex;gap:1em}.skills__keyword svg{fill:var(--clr-font)}.skills__keyword h4{color:var(--clr-font)}.skills__keyword p{color:var(--clr-font-dark)}.skills__tech{display:flex;flex-direction:column;gap:1em}.skills__tech-btn{display:flex;margin-bottom:1em}.skills__tech button{color:var(--clr-font);border:1px solid var(--clr-font);width:fit-content;padding:.5em 1em;font-size:.7em;cursor:pointer}.skills__tech button.active{background-color:var(--clr-font);color:var(--clr-bg)}.skills__tech-list{display:flex;flex-direction:column;gap:1.5em}.skills__tech-flex{display:flex;width:100%;flex-wrap:wrap;gap:.5em}.skills__tech-card{display:flex;flex-direction:column;gap:.5em}.skills__tech-title{color:var(--clr-font);color:var(--clr-font-dark);font-size:.9em}.skills__tech .image-container{display:flex;height:1.5rem;color:#fff;font-size:.8em}.skills__tech .image-container img{position:relative;object-fit:contain}.side .content{display:flex;flex-direction:column;gap:3em}.side-work{display:flex;flex-direction:column;gap:1em;container-type:inline-size;container-name:side-work}.side-work__title{display:flex;align-items:center;gap:.5em}.side-work__title h3{color:var(--clr-font);font-weight:700;font-size:1.2em}.side-work__title span{font-weight:400;font-size:.8em;color:var(--clr-font);background-color:#00000073;border-radius:4px;padding:.25em 1em}.side__content{display:flex;gap:1em;font-size:1rem}.side-box{display:flex;flex-direction:column;gap:.5rem;max-width:500px;width:100%;aspect-ratio:1;border:1px solid #b1b1b13a;overflow:hidden}.side-interective{display:flex;flex-direction:column;gap:1em;width:100%;max-width:16rem;flex-shrink:0}.side-interective__btn{width:fit-content;padding:.5em 1em;border-radius:.5em;border:1px solid var(--clr-font-dark);color:var(--clr-font-dark);background-color:transparent;cursor:pointer;font-size:.8em}.side-interective__btn:hover{border:1px solid var(--clr-font-light);color:var(--clr-font-light)}.side-interective__input{display:flex;flex-direction:column;gap:1em}.side-interective__input label{display:flex;flex-direction:column;color:var(--clr-font-dark);gap:.25em}.side-interective__input input{background-color:transparent;border:none;border-bottom:1px solid rgba(176,176,176,.314);color:var(--clr-font);padding:0 .5em}.side-interective__flex{display:flex;gap:.5em}.side__card{margin:auto;justify-content:center;display:flex;transition:transform .3s;max-width:18.75em;padding:1em;height:100%;width:100%;-webkit-user-select:none;user-select:none;transform-style:preserve-3d;touch-action:none;perspective:800px}.side__card p{color:#a5a8af;font-size:.9em}.side__card img{width:2.4em;aspect-ratio:1;position:relative}.side__card.card--active{transform:rotateY(180deg)}.side__card-container{position:relative;margin:auto;width:100%;aspect-ratio:8/5;transition:transform .3s;border-radius:.3rem;transform-style:preserve-3d}.side__card-shadow{position:absolute;content:"";width:100%;height:100%;z-index:3;border-radius:.3rem}.side__card-front{position:absolute;width:100%;height:100%;border-radius:.3rem;background-color:#20202e;backface-visibility:hidden;overflow:hidden;transform:rotateX(0);display:flex;flex-direction:column;z-index:2;padding:4% 2%}.side__card-logo{display:flex;align-items:center}.side__card-logo p:nth-of-type(1){font-size:.8em;color:#a5a8af;line-height:1em}.side__card-logo p:nth-of-type(2){font-size:.6em;color:#a5a8af;color:#967e63;text-shadow:1px 1px 1px #0c0c0cc7}.side__card-chip{width:15%;padding-bottom:10%;background-color:#dfdacb;border-radius:.2em;margin:4.2%;position:relative;overflow:hidden}.side__card-chip div{position:absolute;border:1px solid rgba(155,148,49,.534)}.side__card-chip div:nth-of-type(1){left:-10%;top:-10%;width:55%;height:41%;border-bottom-right-radius:.5em;background-color:#d8d7cd88}.side__card-chip div:nth-of-type(2){left:-10%;top:30%;width:40%;height:41%}.side__card-chip div:nth-of-type(3){left:-10%;bottom:-10%;width:55%;height:41%;border-top-right-radius:.5rem}.side__card-chip div:nth-of-type(4){right:-10%;top:-10%;width:55%;height:41%;border-bottom-left-radius:.5rem;background-color:#e2e1d888}.side__card-chip div:nth-of-type(5){right:-10%;top:30%;width:40%;height:41%}.side__card-chip div:nth-of-type(6){right:-10%;bottom:-10%;width:55%;height:41%;border-top-left-radius:.5rem}.side__card-name{margin-top:auto;margin-left:4.2%}.side__card-name p{font-size:.7em;color:#967e63;text-shadow:1px 1px 1px #0c0c0cc7;line-height:1em;width:fit-content}.side__card-back{position:absolute;width:100%;height:100%;border-radius:.3rem;background-color:#20202e;backface-visibility:hidden;overflow:hidden;transform:rotateX(0);transform:rotateY(180deg);z-index:1;padding-top:10%}.side__card-warn{position:absolute;top:0%;left:2%;right:2%;font-size:.45em;line-height:.45em;display:flex;justify-content:space-between}.side__card-slide{position:absolute;left:0;top:6%;width:100%;min-height:13%;background-color:#23306b7c}.side__card-call{padding:3% 2% 0%}.side__card-call p{font-size:.4em}.side__card-sign{position:relative;height:18%;display:flex;justify-content:space-between;margin:0% 2%}.side__card-sign p{display:flex;right:8%;align-items:center;position:absolute;font-size:.8em;color:#22222c}.side__card-line{position:relative;width:68%;height:100%;background-color:#9098bb;display:flex;flex-direction:column;justify-content:space-around}.side__card-line-item{height:20%;width:100%;background-color:#4b527569}.side__card-signature{position:absolute;right:6%;width:18%;aspect-ratio:7/5;top:50%;transform:translateY(-50%);border-radius:.25rem;background-color:#cfcfc7;overflow:hidden;display:flex;align-items:center;justify-content:center}.side__card-signature svg{width:90%;height:90%;fill:#e4e4d8}.side__card-info{padding:0% 2%}.side__card-info p{font-size:.35em}.side__card-number p:nth-of-type(1){font-size:.7em;color:#967e63;text-shadow:1px 1px 1px #0c0c0cc7;line-height:1em}.side__card-number p:nth-of-type(2){font-size:.8em;color:#967e63;text-shadow:1px 1px 1px #0c0c0cc7;line-height:1.2em;width:fit-content}.side__card-thru{font-size:.45em!important}.side__card-exp p{font-size:.65em;line-height:.9em;color:#967e63;text-shadow:1px 1px 1px #0c0c0cc7;width:fit-content}.side__card-visa{position:absolute;padding:1%;bottom:4%;display:flex;flex-direction:column}.side__card-visa svg{margin-left:auto;width:25%;line-height:0;margin-bottom:-1%;transform:translateY(30%);fill:#c5c5af}.side__card-visa p{margin-right:2%;margin-left:auto;font-size:.45em;color:#c5c5af}.card-active{outline:2px solid red;outline-offset:2px}.side-box--pearl{background-color:#e7e7e7;transition:background-color .3s;-webkit-user-select:none;user-select:none}.side__pearl{display:flex;align-items:center;justify-content:center}.side__pearl{width:60%;height:60%;margin:auto}.side__pearl svg path{stroke-dasharray:1000;stroke-dashoffset:4000;animation:animate 6s linear infinite;stroke:transparent;transition:fill .3s,stroke 1s;fill:#fff}.side-box--pearl:hover{background-color:transparent}.side-box--pearl:hover svg path{fill:transparent;stroke:#bfbfbf}@keyframes animate{to{stroke-dashoffset:0}}.side__boxui{padding:5em;display:flex;flex-wrap:wrap;width:100%;height:100%;pointer-events:none;transform-style:preserve-3d;transition:transform .3s;touch-action:none;-webkit-user-select:none;user-select:none}.side__boxui-item{pointer-events:auto;width:100%;position:relative;transform-style:preserve-3d;transition-property:transform;transition-duration:.3s}.side__boxui-item.actived{transform:rotateX(90deg) translateY(40%) rotateX(-90deg);transition-duration:.3s}.side__boxui-item.actived .side__boxui-item-cover div{background-color:#8a8cb8}.side__boxui-item.actived--next{transform:rotateX(90deg) translateY(25%) rotateX(-90deg);transition-duration:.5s}.side__boxui-item.actived--next .side__boxui-item-cover div{background-color:#b1bcd9}.side__boxui-item-cover{pointer-events:none;width:100%;position:relative;height:100%;z-index:1;transform-style:preserve-3d;transition-property:transform;transform:rotateX(90deg) translateY(0) rotateX(-90deg)}.side__boxui-item-cover div{transition-property:background-color;transition-duration:.8s;background-color:#fff;outline:1px solid rgba(139,139,139,.274);position:absolute;top:0;left:0;width:100%;height:100%}.face{width:100%;height:100%;display:flex;touch-action:none}.face svg{width:100%;height:100%}.nametag__target{position:relative;stroke:#fff;stroke-dasharray:1000;stroke-dashoffset:2000;stroke-width:2px;animation:nametag 6s linear infinite;cursor:pointer;pointer-events:all}.mouse--open{opacity:0}.nametag:hover~g .mouse--open{opacity:1}.nametag:hover .nametag__target{fill:#87a2ca}#face__face{animation:eyebrows 2s ease-in-out infinite alternate}.eyebrows{transform:translateY(0);animation:eyebrows 3s ease-in-out infinite alternate}@keyframes eyebrows{to{transform:translateY(-.5rem)}}@keyframes nametag{to{stroke-dashoffset:0}}@container side-work (max-width: 580px){.side__content{flex-direction:column}.side-box{margin:0}}@container side-work (max-width: 400px){.side__content{font-size:.8rem}.side__content{flex-direction:column}.side-box{margin:0}}.mouse{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none}.mouse__cursor{background:radial-gradient(circle,#8386dd10 10%,transparent 50%);border-radius:50%;transform:translate(-50%,-50%);position:absolute;width:1000px;height:1000px;transition:background-color .3s,width .3s,height .3s}