*,:before,:after{box-sizing:border-box}html,body{font-optical-sizing:auto;color:#fff;scroll-behavior:smooth;background:linear-gradient(#543d89,#000);margin:0;padding:0;font-family:Space Grotesk,Raleway,sans-serif;overflow-x:clip}div{font-family:Raleway}.top-appbar{-webkit-backdrop-filter:blur(14px);z-index:5;background:#090914b8;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;width:100%;padding:.9rem 2rem;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 8px 24px #00000038}.appbar-brand{letter-spacing:.14rem;text-transform:uppercase;color:#fff;font-size:1.1rem;font-weight:600}.appbar-links{flex-wrap:wrap;align-items:center;gap:1.2rem;display:flex}.appbar-links a,.footer-links a{color:#ffffffe6;text-decoration:none;transition:color .25s,opacity .25s,transform .25s}.appbar-links a:hover,.footer-links a:hover{color:#fff;opacity:1;transform:translateY(-1px)}.site-footer{background:#090914b8;border-top:1px solid #ffffff1f;width:100%;margin-top:4rem;padding:2rem 1.5rem 3rem}.footer-inner{flex-direction:column;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;display:flex}.footer-title{letter-spacing:.18rem;text-transform:uppercase;color:#ffffffe6;margin:0;font-size:1.2rem}.footer-links{text-align:center;flex-wrap:wrap;justify-content:center;gap:1.25rem 1.75rem;display:flex}.intro-blocks{z-index:10;isolation:isolate;grid-template-rows:repeat(2,1fr);grid-template-columns:1fr;width:100%;height:100%;display:grid;position:absolute;top:0}.intro-blocks>.up,.intro-blocks>.down{background-color:#000;grid-column:1/-1;width:100%;height:100%}.intro-blocks>.up{grid-row:1/2}.intro-blocks>.down{grid-row:-1/-2}.intro-blocks>video{object-fit:cover;object-position:center;grid-area:1/1/-1/-1;width:100%;height:100%}h1{text-transform:uppercase;letter-spacing:.5rem;text-align:center;color:#fff;font-family:Space Grotesk;font-size:4.5rem;font-weight:600}p{color:#fff;letter-spacing:.15rem;text-align:justify;margin:0;font-family:Raleway;font-size:2.5rem;line-height:4rem}h2{text-align:center;letter-spacing:.4rem;opacity:.8;font-family:Raleway;font-weight:400;line-height:3rem}.landing-section{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:100svw;height:100svh;max-height:100svh;display:grid;overflow:hidden}.landing-section>img{object-fit:cover;grid-area:1/3/-1/4;align-self:end;width:100%;height:100%;overflow:visible}.landing-section>.information{flex-direction:column;grid-area:2/1/3/3;justify-content:center;align-self:end;align-items:center;display:flex}.landing-section>.information>.what-am-i{flex-direction:column;justify-content:space-evenly;align-items:center;gap:15px;padding-bottom:1rem;display:flex}.landing-section>.information>.what-am-i>h2{height:3.5rem;margin:1.5rem 0 0;font-size:3rem}.about-me{justify-content:center;align-items:center;padding:5rem 4rem 0;display:flex}.expertice{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.expertice>.box-grandparent{perspective:1200px;width:100%;transform-style:preserve-3d;justify-content:center;align-items:center;display:flex}.expertice>.box-grandparent>.box-parent{aspect-ratio:40/17;width:50%;max-width:40rem;height:auto;transform-style:preserve-3d;margin:8rem 0;position:relative}.expertice>.box-grandparent>.box-parent>.box{width:100%;height:100%;transform-style:preserve-3d;position:absolute;top:0;left:0}.card{--card-glow:#ffffff8c;--card-shadow:#ffffff38;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:100%;height:100%;box-shadow:0 0 0 1px #ffffff14, 0 12px 35px #00000059, 0 0 18px var(--card-glow), 0 0 42px var(--card-shadow);backface-visibility:hidden;isolation:isolate;background:#0a0a1433;border:1px solid #fff3;border-radius:20px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);padding:2rem 1.5rem;animation:4.2s ease-in-out infinite alternate fireBreath;display:grid;position:relative;overflow:hidden}.card:before{content:"";z-index:0;filter:blur(18px)saturate(1.3);opacity:.9;background-size:200% 200%;animation:14s ease-in-out infinite alternate cardGradientShift;position:absolute;inset:-12%}.card>*{z-index:1;position:relative}.react-card{--card-glow:#53c1dee6;--card-shadow:#00b5f88c}.react-card:before{background:linear-gradient(135deg,#53c1def2,#5ed3f3d1,#7bd7f3bf,#47c5fbcc,#00b5f8cc,#00569ee6)}.flutter-card{--card-glow:#47c5fbe6;--card-shadow:#00569e99}.flutter-card:before{background:linear-gradient(135deg,#47c5fbf2,#00b5f8e0,#00569eeb,#47c5fbb3,#53c1debf)}.svelte-card{--card-glow:#ff8232e6;--card-shadow:#ff3e0099}.svelte-card:before{background:linear-gradient(135deg,#ff3e00f2,#ffffff4d,#ff6700d9,#ff8f00cc,#ff3e00e6)}.angular-card{--card-glow:#ff6b8ce6;--card-shadow:#c3002f99}.angular-card:before{background:linear-gradient(135deg,#dd0031f2,#fff3,#c3002fe0,#ff5078d1,#dd0031e6)}@keyframes fireBreath{0%{box-shadow:0 0 0 1px #ffffff14, 0 10px 30px #0000004d, 0 0 16px var(--card-glow), 0 0 34px var(--card-shadow);transform:translateY(0)scale(1)}50%{box-shadow:0 0 0 1px #ffffff1f, 0 16px 42px #0000005c, 0 0 22px var(--card-glow), 0 0 56px var(--card-shadow), 0 0 82px #ffffff1f;transform:translateY(-2px)scale(1.01)}to{box-shadow:0 0 0 1px #ffffff14, 0 18px 46px #0006, 0 0 26px var(--card-glow), 0 0 68px var(--card-shadow), 0 0 94px #ffffff26;transform:translateY(1px)scale(1.015)}}@keyframes cardGradientShift{0%{background-position:0%;transform:translate(-4%,-3%)scale(1.05)}50%{background-position:100%;transform:translate(4%,3%)scale(1.12)}to{background-position:50% 100%;transform:translate(-2%,2%)scale(1.08)}}.card-header{flex-direction:column;grid-area:1/1/-1/2;align-items:center;gap:.8rem;font-family:Space Grotesk;display:flex}.card-logo{object-fit:contain;width:10rem;height:10rem}.card-header h2{color:#fff;letter-spacing:.1rem;margin:0;font-family:Space Grotesk;font-size:2.5rem;font-weight:600}.card-desc{color:#ffffffe6;text-align:center;letter-spacing:.02rem;grid-area:1/2/-1/4;align-self:center;margin:0;font-size:1rem;line-height:1rem}.expertice>.box-grandparent>.box-parent>.box.one{transform:rotateY(0)translateZ(35vw)}.expertice>.box-grandparent>.box-parent>.box.two{transform:rotateY(90deg)translateZ(35vw)}.expertice>.box-grandparent>.box-parent>.box.three{transform:rotateY(180deg)translateZ(35vw)}.expertice>.box-grandparent>.box-parent>.box.four{transform:rotateY(270deg)translateZ(35vw)}@keyframes rotate{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}.current-experience{flex-direction:column;justify-content:space-evenly;align-items:center;width:100%;padding:5rem 0;display:flex}.current-experience>.experiences{width:100%}.current-experience>.experiences>.experience{color:#fff;border:3px solid #fff;border-radius:12px;justify-self:center;width:min(60rem,90vw);margin:3rem;padding:2rem 2.5rem 2rem 2rem;display:flex;position:sticky;top:20vh}.current-experience>.experiences>.experience>.details>.company{letter-spacing:.5px;text-wrap:nowrap;font-family:Space Grotesk;font-size:3rem;font-weight:500}.current-experience>.experiences>.experience>.details>.other-details>.title,.current-experience>.experiences>.experience>.details>.other-details>.time,.current-experience>.experiences>.experience>.details>.other-details>.link{letter-spacing:3px;margin-bottom:1rem;font-family:Raleway;font-size:1.2rem;font-weight:300}.current-experience>.experiences>.experience>.details>.other-details>.title:before,.current-experience>.experiences>.experience>.details>.other-details>.time:before,.current-experience>.experiences>.experience>.details>.other-details>.link:before{content:"Role:\a ";letter-spacing:.2px;white-space:pre;font-family:Space Grotesk;font-weight:600}.current-experience>.experiences>.experience>.details>.other-details>.time:before{content:"Duration:\a "}.current-experience>.experiences>.experience>.details>.other-details>.link:before{content:"Link:\a "}.current-experience>.experiences>.experience>.details{word-wrap:break-word;flex-direction:column;flex-shrink:0;gap:50px;width:45%;padding:0 1.5rem 0 1rem;display:flex}.current-experience>.experiences>.experience>.info{text-align:justify;align-self:flex-end;font-family:Raleway;font-size:1.3rem;line-height:2rem}.my-projects{flex-direction:column;gap:1rem;width:100%;display:flex;overflow:hidden}.projects{color:#fff;flex-direction:row;align-items:center;gap:5rem;width:max-content;padding:0 5vw;display:flex}.projects>.project{aspect-ratio:16/9;flex-shrink:0;grid-template-rows:repeat(6,minmax(0,1fr));grid-template-columns:repeat(6,minmax(0,1fr));max-width:60rem;height:100%;display:grid}.projects>.project a{color:#fff}.projects>.project a:active{color:#f5f5f5}.projects>.project>.image{grid-area:1/1/-1/-1}.projects>.project>.image>img{background-repeat:no-repeat;width:100%;height:100%;display:block}.projects>.project>.image>video{object-fit:cover;background-repeat:no-repeat;justify-self:center;height:100%;display:block}.projects>.project>.info{background:linear-gradient(#000 -10%,#892be240);flex-direction:column;grid-area:1/1/3/-1;justify-content:space-evenly;gap:10px;max-height:100%;padding:2rem;display:flex;box-shadow:0 0 15px 3px #f5f5f5}.projects>.project>.info>*{text-wrap:pretty;overflow-wrap:break-word;word-break:break-all;text-align:justify;gap:1rem;font-family:Raleway;display:flex}.projects>.project>.info>.title{font-family:Space Grotesk;font-size:xx-large;font-weight:600}.projects>.project>.info>.tools-used>.tool{letter-spacing:1px;background:linear-gradient(#fff -2%,#2a1f45 5%,#0000);border-radius:25px;padding:.5rem .7rem;font-family:Raleway;font-weight:700}@media (width<=768px){.top-appbar{padding:.9rem 1rem}.appbar-links a[href^=mailto]{font-size:0}.appbar-links a[href^=mailto]:before{content:"Email";font-size:1rem}.landing-section>.information>h1{font-size:3.2rem}.landing-section>.information>.what-am-i>h2{letter-spacing:.25rem;text-align:center;opacity:.8;height:auto;margin-top:1rem;padding:0 1rem;font-family:Raleway;font-size:1.5rem;font-weight:400;line-height:1.2}h1{font-size:3.5rem}p{letter-spacing:.25rem;text-align:justify;font-family:Raleway;font-size:1rem;line-height:1.5rem}.landing-section>img{object-fit:cover;grid-area:1/2/-1/3;align-self:end;overflow:visible}.landing-section>.information{grid-area:3/1/4/-1;align-self:end}.about-me{padding:4rem 1.2rem 0}.expertice>.box-grandparent>.box-parent{aspect-ratio:1;width:65%;max-width:13rem;height:auto}.card{padding:1rem}.card-header{grid-area:1/1/4/-1;justify-content:start;gap:0}.card-logo{width:5rem;height:5rem}.card-header h2{letter-spacing:0;margin:-1rem;font-size:1.5rem;font-weight:600}.card-desc{text-align:center;letter-spacing:.02rem;grid-area:3/1/4/-1;align-self:center;font-size:.7rem;line-height:1rem}.expertice>.box-grandparent>.box-parent>.box.one{transform:rotateY(0)translateZ(45vw)}.expertice>.box-grandparent>.box-parent>.box.two{transform:rotateY(90deg)translateZ(45vw)}.expertice>.box-grandparent>.box-parent>.box.three{transform:rotateY(180deg)translateZ(45vw)}.expertice>.box-grandparent>.box-parent>.box.four{transform:rotateY(270deg)translateZ(45vw)}.current-experience>.experiences>.experience>.details>.company{font-size:2rem}.current-experience>.experiences>.experience>.info{font-size:1rem;line-height:1.2rem}.current-experience>.experiences>.experience>.details>.other-details>.title,.current-experience>.experiences>.experience>.details>.other-details>.time,.current-experience>.experiences>.experience>.details>.other-details>.link{margin-bottom:.7rem;font-size:1.1rem}.current-experience>.experiences>.experience>.details>.other-details>.title:before,.current-experience>.experiences>.experience>.details>.other-details>.time:before,.current-experience>.experiences>.experience>.details>.other-details>.link:before{letter-spacing:0}.projects>.project{max-width:40rem}.projects>.project>.info{gap:5px;padding:1rem}.projects>.project>.info>.title{font-size:x-large}.projects>.project>.info>.tools-used>.tool{font-size:.75rem}}