@import url(https://db.onlinewebfonts.com/c/9be3062bbc66c2304804919c111a83b7?family=Rama+Gothic+E+W01+Bold);*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:#0d0d0d;color:#e0d8c8}body:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='a' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23a)' d='M0 0h300v300H0z'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px;content:"";inset:0;opacity:.065;pointer-events:none;position:fixed;z-index:9998}hr{border-color:#2a2a2a;margin-bottom:7rem;margin-top:7rem}.fa-brands:hover{color:#c9a84c}.preloader{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:9999}.curtain{background-color:#0d0d0d;background-image:repeating-linear-gradient(90deg,#ffffff12,#ffffff12 3px,#0006 0,#0006 26px,#ffffff08 0,#ffffff08 32px);box-shadow:inset 0 0 80px #000000a6;height:100%;position:absolute;top:0;width:50%}.curtain-left{border-right:2px solid #c9a84c;left:0}.curtain-left,.curtain-right{transition:transform 1.1s cubic-bezier(.76,0,.24,1)}.curtain-right{border-left:2px solid #c9a84c;right:0}.curtain-left.curtain-open{transform:translateX(-100%)}.curtain-right.curtain-open{transform:translateX(100%)}@font-face{font-family:Rama Gothic E W01 Bold;src:url(https://db.onlinewebfonts.com/t/9be3062bbc66c2304804919c111a83b7.eot);src:url(https://db.onlinewebfonts.com/t/9be3062bbc66c2304804919c111a83b7.eot?#iefix)format("embedded-opentype"),url(https://db.onlinewebfonts.com/t/9be3062bbc66c2304804919c111a83b7.woff2)format("woff2"),url(https://db.onlinewebfonts.com/t/9be3062bbc66c2304804919c111a83b7.woff)format("woff"),url(https://db.onlinewebfonts.com/t/9be3062bbc66c2304804919c111a83b7.ttf)format("truetype"),url(https://db.onlinewebfonts.com/t/9be3062bbc66c2304804919c111a83b7.svg#Rama%20Gothic%20E%20W01%20Bold)format("svg")}.App{min-height:100vh}.header{backdrop-filter:blur(6px) brightness(1.06) saturate(1.2);-webkit-backdrop-filter:blur(6px) brightness(1.06) saturate(1.2);background:#0d0d0db8;border-bottom:.5px solid #c9a84c;box-shadow:0 2px 4px #0009,0 7px 13px -3px #00000080,inset 0 -3px 0 #0000004d;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:500;left:0;margin:0;padding:0;perspective:1000;position:fixed;top:0;width:100%;z-index:4}@supports ((-webkit-backdrop-filter:url("#glass-lens")) or (backdrop-filter:url("#glass-lens"))){.header{backdrop-filter:url(#glass-lens) blur(4px) brightness(1.06) saturate(1.2);-webkit-backdrop-filter:url(#glass-lens) blur(4px) brightness(1.06) saturate(1.2)}}.header nav{align-items:center;display:flex;font-size:clamp(16px,1.4vw,23px);gap:.5rem;justify-content:space-between;margin-inline:auto;max-width:1200px;padding:clamp(.5rem,1.5vw,1rem)}a{text-decoration:none}.fa-brands{font-size:clamp(22px,3.2vw,40px)}#git1{color:#e0d8c8;margin-top:.3rem}#git1:hover{color:#c9a84c}.nav-links{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(.25rem,1.5vw,1rem);width:auto}.nav-links a{border-radius:8px;color:#e0d8c8;display:inline-block;font-size:clamp(12px,1.5vw,18px);font-weight:300;padding:.6rem 1rem;position:relative}.nav-links a i{vertical-align:middle}.nav-links a:hover{background-color:#c9a84c1a;color:#c9a84c}.nav-border{height:100%;inset:0;pointer-events:none;position:absolute;width:100%}.nav-links a:hover .nav-border rect{animation:draw-square .5s forwards}#scroll-indicator{perspective:1000;z-index:5}@keyframes draw-square{to{stroke-dashoffset:0}}#nav-toggle,.hamburger{display:none}.hamburger{border-radius:8px;cursor:pointer;line-height:0;padding:.4rem .6rem;-webkit-user-select:none;user-select:none}.hamburger .bar{background:#e0d8c8;display:block;height:3px;margin:5px 0;transition:transform .2s ease,opacity .2s ease;width:26px}@media (max-width:900px){.nav-links{gap:.5rem}}@media (max-width:700px){.hamburger{display:block}.nav-links{align-items:stretch;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d0d0df7;border-bottom:1px solid #2a2a2a;box-shadow:0 8px 18px #00000080;display:none;flex-direction:column;left:0;padding:.5rem;position:absolute;right:0;top:100%}.nav-links a{font-size:clamp(13px,4vw,16px);padding:.9rem 1rem}#nav-toggle:checked+label.hamburger+.nav-links{display:flex}#nav-toggle:checked+label.hamburger .bar:first-child{transform:translateY(8px) rotate(45deg)}#nav-toggle:checked+label.hamburger .bar:nth-child(2){opacity:0}#nav-toggle:checked+label.hamburger .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}}.main-with-fixed-header{padding-top:clamp(56px,9vw,76px)}.cursor-circle{backdrop-filter:blur(1px) brightness(1.08) saturate(1.3);-webkit-backdrop-filter:blur(1px) brightness(1.08) saturate(1.3);background:#c9a84c0d;border:1px solid #c9a84c59;border-radius:50%;box-shadow:inset 0 0 20px #c9a84c14,0 0 18px #c9a84c26,0 4px 24px #0000004d;height:75px;left:0;pointer-events:none;position:fixed;top:0;width:75px;will-change:transform;z-index:9999}@supports ((-webkit-backdrop-filter:url("#glass-lens")) or (backdrop-filter:url("#glass-lens"))){.cursor-circle{backdrop-filter:url(#glass-lens) blur(.5px) brightness(1.07) saturate(1.3);-webkit-backdrop-filter:url(#glass-lens) blur(.5px) brightness(1.07) saturate(1.3)}}@media (max-width:600px){.cursor-circle{visibility:hidden}}:root{--gap:clamp(0.75rem,1.2vw,1.5rem);--shadow:10px 10px 1px #c9a84c;--shadow-lg:15px 15px 1px #c9a84c}.about{display:flex;flex-direction:column;gap:clamp(2rem,4vw,3.5rem);margin:clamp(5rem,8vw,7rem) auto 0;max-width:1500px;padding-inline:clamp(1.25rem,15vw,15rem)}.about-hero{height:clamp(320px,52vw,700px);position:relative}.about-heading{font-size:0;inset:0;margin:0;position:absolute}.heading-bottom,.heading-top{color:#e0d8c8;display:block;font-family:Forum,serif;font-size:clamp(56px,9vw,200px);font-weight:500;line-height:1;position:absolute;text-transform:uppercase;white-space:nowrap;z-index:1}.heading-top{left:0;top:50px;transform-origin:left center}.heading-bottom{perspective:1000;right:0;top:clamp(12rem,20vw,20rem);transform-origin:right center;z-index:3}.hero-card{background-color:#1d1d1d;border:2px solid #c9a84c;display:block;height:clamp(150px,18vw,240px);overflow:hidden;position:absolute;width:clamp(150px,18vw,240px);z-index:2}.hero-img-cover{left:38%;top:18%}.hero-img{display:block;height:100%;object-fit:contain;object-position:center;transition:transform .4s ease;width:100%}.hero-img-cover:hover .hero-img{transform:scale(1.03)}.hero-img-cover:after{background:linear-gradient(115deg,#0000 20%,#ffffff38 42%,#ffffff1f 55%,#0000 75%);content:"";inset:0;pointer-events:none;position:absolute;transform:translateX(-150%);transition:transform .55s ease;z-index:3}.hero-img-cover:hover:after{transform:translateX(150%)}.vinyl-cover{height:clamp(100px,12vw,170px);left:88%;top:1%;width:clamp(100px,12vw,170px)}.vinyl-img{animation:vinyl-spin 5s linear infinite;display:block;height:100%;object-fit:contain;width:100%}@keyframes vinyl-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.vinyl-cover:after{animation:glare-pulse 3s ease-in-out infinite;background:radial-gradient(ellipse 55% 45% at 32% 28%,#ffffff59 0,#ffffff1f 45%,#0000 70%);content:"";inset:0;pointer-events:none;position:absolute;z-index:3}@keyframes glare-pulse{0%,to{opacity:.75}50%{opacity:1}}.other-cover{align-items:center;display:flex;height:clamp(100px,12vw,170px);justify-content:center;left:-10%;top:40%;width:clamp(100px,12vw,170px)}.other-icon{color:#c9a84c;font-size:clamp(2rem,4vw,3rem);line-height:1}.about-body{align-items:flex-start;display:flex;flex-direction:row;gap:clamp(2rem,4vw,4rem);margin-top:-14rem}.about-text{color:#e0d8c8;display:flex;flex:1 1;flex-direction:column;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-optical-sizing:auto;font-size:clamp(14px,1.1vw + 9px,21px);font-style:normal;font-weight:100;gap:clamp(.75rem,1.8vw,1rem);min-width:0}.letter-hint{font-size:.9em;opacity:.5}.staircase-btns{flex:0 0 320px;height:280px;overflow:visible;position:relative;top:-4rem;width:320px}.stick-abs{pointer-events:none;position:absolute;z-index:2}.step-btn{animation:btn-breathe 2.8s ease-in-out infinite;background:#0000;border:1px solid #c9a84c;box-shadow:10px 10px 1px #c9a84c;box-shadow:var(--shadow);color:#e0d8c8;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(14px,1vw + 9px,19px);font-weight:500;padding:1rem 1.75rem;position:absolute;text-decoration:none;transition:box-shadow .15s ease,transform .15s ease,background-color .15s ease;white-space:nowrap}.step-btn:focus-visible,.step-btn:hover{animation:none;background-color:#c9a84c1f;box-shadow:15px 15px 1px #c9a84c;box-shadow:var(--shadow-lg);transform:translate(-2px,-2px)}@keyframes btn-breathe{0%,to{box-shadow:10px 10px 1px #c9a84c;transform:translate(0)}50%{box-shadow:15px 15px 1px #c9a84c;transform:translate(-5px,-5px)}}.step-btn--1{left:0;top:160px}.step-btn--2{animation-delay:-1.4s;right:0;top:210px}@media (max-width:960px){.about-body{flex-direction:column;margin-top:-10rem}.staircase-btns{flex:none;height:280px;width:100%}.heading-top{left:-1rem}.heading-bottom{right:-3rem}}@media (max-width:700px){.about{gap:1.5rem;margin-top:4.5rem;padding-inline:1rem}.about-hero{display:flex;flex-direction:column;gap:1rem;height:auto}.about-heading{font-size:inherit;position:static}.heading-bottom,.heading-top{font-size:clamp(36px,10vw,60px);position:static;white-space:normal;word-break:break-word}.hero-img-cover{height:clamp(200px,60vw,360px);position:static;width:100%}.other-cover,.vinyl-cover{display:none}.about-body{flex-direction:column;margin-top:0}.staircase-btns{display:flex;flex:none;flex-direction:column;gap:1rem;height:auto;overflow:hidden;padding-top:1rem;width:100%}.step-btn{display:block;position:static;text-align:center}.stick-abs{display:none}}.letter-drag-container{display:flex;flex-wrap:wrap;justify-content:center;margin:20px 0}.draggable-letter{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(7px);background:#c9a84c0f;border:1px solid #2a2a2a;color:#e0d8c8;cursor:grab;display:inline-block;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-optical-sizing:auto;font-size:clamp(1.2rem,4vw,2rem);font-style:normal;font-weight:500;margin:clamp(.2rem,.8vw,.5rem);text-align:center;transition:transform .2s;width:clamp(2rem,8vw,3rem)}.draggable-letter:active{cursor:grabbing;transform:scale(1.1)}ul{list-style:none;margin:0;padding:0}#skillTop{font-size:clamp(24px,4vw,40px);font-weight:700;margin:0 0 clamp(1rem,3vw,2rem)}#skillTop,.skills{color:#e0d8c8;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-style:normal;text-align:center}.skills{grid-gap:clamp(1rem,4vw,3rem);align-items:start;display:grid;font-weight:500;gap:clamp(1rem,4vw,3rem);grid-template-columns:1fr 1fr;justify-items:center;margin-inline:auto;margin-top:1rem;max-width:1200px;padding:0 clamp(1rem,4vw,2rem)}.backend,.frontend{max-width:560px;width:100%}.skills h1{font-size:clamp(22px,3.2vw,32px);margin:0 0 .5rem}.skills p{font-size:clamp(14px,1.6vw,20px);margin:.25rem 0}.skills img{filter:invert(1);height:auto;width:clamp(48px,8vw,96px)}@media (max-width:900px){.skills{grid-template-columns:1fr}}.tools{align-items:center;color:#e0d8c8;flex-direction:column;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:500;margin-bottom:2rem;padding:0 clamp(1rem,4vw,2rem);text-align:center}.tools,.tools ul{display:flex;gap:clamp(1rem,3vw,2rem)}.tools ul{flex-wrap:wrap;justify-content:center;max-width:1200px;width:100%}.tools ul li{align-items:center;display:flex;flex-direction:column;gap:.5rem}.tools img{height:auto;width:clamp(40px,6vw,64px)}#simg{display:grid;height:clamp(56px,7vw,96px);place-items:center;width:clamp(56px,7vw,96px)}.otherSkills{color:#e0d8c8;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(14px,1.6vw,20px);font-weight:500;padding:0 clamp(1rem,4vw,2rem)}.otherSkills ul{flex-wrap:wrap;gap:clamp(.75rem,2.5vw,1.5rem);margin-top:clamp(1.5rem,4vw,4rem)}.otherSkills ul,.otherSkills ul li{display:flex;justify-content:center}.otherSkills ul li{align-items:center;background-color:#1a1a1a;border:1px solid #2a2a2a;border-radius:50px;box-shadow:0 1px 1px #0000004d,0 2px 2px #0000004d;min-width:clamp(8rem,24vw,14rem);padding:clamp(.6rem,2.2vw,1rem);text-align:center}.cube-container{margin:clamp(3rem,8vw,10rem) auto;perspective:800px}.cube,.cube-container{height:200px;width:200px}.cube{position:relative;transform-style:preserve-3d}.side{align-items:center;border:1px solid #c9a84c33;display:flex;height:100%;justify-content:center;opacity:.85;padding:clamp(.5rem,2vw,1rem);position:absolute;width:100%}.side img{height:clamp(56px,10vw,128px);object-fit:contain;width:clamp(56px,10vw,128px)}.front{transform:rotateY(0deg) translateZ(100px)}.front,.right{background-color:#111}.right{transform:rotateY(90deg) translateZ(100px)}.back{transform:rotateY(180deg) translateZ(100px)}.back,.left{background-color:#111}.left{transform:rotateY(-90deg) translateZ(100px)}.top{transform:rotateX(90deg) translateZ(100px)}.bottom,.top{background-color:#111}.bottom{transform:rotateX(-90deg) translateZ(100px)}.projects{margin:0 auto;max-width:1200px;padding:clamp(1rem,3vw,2rem);text-align:center}.projects h1{color:#e0d8c8;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(24px,4vw,40px);font-style:normal;font-weight:700;margin:0;padding-bottom:clamp(1rem,4vw,3rem);text-align:center}.projects-grid{grid-gap:clamp(1rem,3vw,2rem);display:grid;gap:clamp(1rem,3vw,2rem);grid-template-columns:repeat(auto-fit,minmax(clamp(240px,40vw,340px),1fr));margin-top:clamp(1rem,3vw,2rem)}.project-card{background:#111;border:1px solid #1e1e1e;border-radius:10px;box-shadow:0 10px 20px #00000080;cursor:pointer;outline:none;overflow:hidden;position:relative;transition:transform .5s ease}.project-card:focus-within,.project-card:hover{transform:translateY(-4px)}.project-card img{aspect-ratio:16/9;background:#1a1a1a;object-fit:contain;width:100%}.project-card .overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000bf;display:flex;inset:0;justify-content:center;opacity:0;padding:1rem;position:absolute;transition:opacity .35s ease}.project-card:focus-within .overlay,.project-card:hover .overlay{opacity:1}.github-logo{stroke:#e0d8c8;stroke-dasharray:1000;stroke-dashoffset:1000;transition:stroke-dashoffset 2.5s ease}.overlay:hover .github-logo,.project-card:focus-within .github-logo{stroke-dashoffset:0}.overlay a:focus .github-logo,.overlay a:hover .github-logo{stroke:#c9a84c}.project-info{background:#1a1a1a;border-top:1px solid #2a2a2a;padding:clamp(.75rem,2vw,1rem);text-align:left}.project-info h2{color:#e0d8c8;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(1.25rem,2.5vw,2.5rem);font-style:normal;font-weight:400;line-height:1.1;margin:0 0 .25rem}.project-info p{color:#8a8a8a;font-size:clamp(.9rem,1.6vw,1rem);margin:.25rem 0 0}.projects-grid>.project-card:nth-child(3) img{object-fit:contain}.project-card .overlay a{align-items:center;border:1px solid #c9a84c;border-radius:8px;color:#c9a84c;display:inline-flex;font-size:clamp(.9rem,1.6vw,1rem);gap:.5rem;padding:.75rem 1rem;text-decoration:none}@media (prefers-reduced-motion:reduce){.github-logo,.project-card,.project-card .overlay{transition:none}}.contact{margin:0 auto;max-width:1200px;padding:clamp(1rem,4vw,2rem)}.contact h1{color:#e0d8c8;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-optical-sizing:auto;font-size:clamp(24px,4vw,40px);font-style:normal;font-weight:700;padding-bottom:clamp(1rem,4vw,3rem);text-align:center}.cCard{align-items:stretch;display:flex;flex-direction:column;gap:.75rem}input,textarea{background:#111;border:1px solid #2a2a2a;border-radius:0;color:#e0d8c8;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-optical-sizing:auto;font-size:clamp(1rem,1.2vw + .5rem,1.3rem);font-style:normal;font-weight:500;padding:1rem 1rem 1rem 2rem;width:100%}input:hover,textarea:hover{border-color:#c9a84c}input:focus,textarea:focus{border-color:#c9a84c;outline:none}::placeholder{color:#4a4a4a;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-optical-sizing:auto;font-size:inherit;font-style:normal;font-weight:500}.pInfo{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.pInfo input{height:clamp(3rem,6vw,5rem)}.pEmail{margin-top:.25rem}.pEmail input{height:clamp(3rem,6vw,5rem)}.subject{margin-top:.25rem}.subject textarea{line-height:1.4;min-height:clamp(8rem,18vw,15rem);padding-top:1rem;resize:vertical;text-align:left}#name{border-top-left-radius:.5rem}#number{border-top-right-radius:.5rem}#subject{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}form button{background:#0000;border:1px solid #c9a84c;box-shadow:10px 10px 1px #c9a84c;color:#e0d8c8;cursor:pointer;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-optical-sizing:auto;font-size:clamp(1rem,1.2vw + .3rem,1.3rem);font-style:normal;font-weight:500;margin-top:.75rem;max-width:13rem;padding:1rem;text-align:center;transition:box-shadow .15s ease,transform .15s ease,background-color .15s ease;width:100%}form button:hover{background-color:#c9a84c1a;box-shadow:15px 15px 1px #c9a84c;transform:translate(-2px,-2px)}.social{color:#e0d8c8;display:flex;flex-wrap:wrap;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-optical-sizing:auto;font-size:clamp(1rem,1.6vw,1.5rem);font-style:normal;font-weight:300;gap:1rem;justify-content:space-around;margin-bottom:5rem;padding:clamp(1rem,3vw,2rem)}.linhub{display:flex;gap:2rem}.linhub a{color:#e0d8c8}.linhub a:hover,.mail a{color:#c9a84c}.mail a{position:relative;text-decoration:none}.mail a:after{background:#c9a84c;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.mail a:hover:after{width:100%}#uniLogo{height:1.5em;width:1.5em}@media (max-width:700px){.pInfo{grid-template-columns:1fr}form button{max-width:none;width:100%}}
/*# sourceMappingURL=main.744944df.css.map*/