:root{--max-width: 1200px;--section-padding: 1rem;--text-primary: #111;--gradient-color: linear-gradient(to bottom, #6b2cf5, #d450e6, #6db3fc);--gradient-light: linear-gradient(to bottom right, #6c2cf5a8, #d550e6a4, #6db2fca5);--gradient-light-two: linear-gradient( 135deg, rgba(253, 239, 255, .3) 4%, rgba(251, 221, 255, .3) 23%, rgba(212, 80, 230, .3) 59%, rgba(107, 44, 245, .3) 100% );--gradient-one: linear-gradient(to bottom, #6b2cf5, #d450e6);--gradient-featured-overlay: linear-gradient( to right, rgba(241, 233, 255, .95) 0%, rgba(246, 239, 255, .85) 25%, rgba(251, 247, 255, .6) 50%, rgba(255, 255, 255, .3) 75%, rgba(255, 255, 255, 0) 100% );--gradient-black: conic-gradient(from 180deg, #000000,#4d4d4d,#666666, #aaa1a1);--gradient-black-light: linear-gradient( 45deg, rgba(153,153,153,.5) 0%, rgba(166,166,166,.5) 17%, rgba(179,179,179,.5) 40%, rgba(185,185,185,.5) 58%, rgba(209,208,208,.5) 78%, rgba(232,231,231,.5) 100% );--gradient-black-glossy: linear-gradient( to bottom, #2f2f2f 0%, #3a3a3a 25%, #444444 45%, #3a3a3a 70%, #2f2f2f 100% );--gradient-black-glossy-super: linear-gradient( 135deg, #3a3a3a 0%, #4a4a4a 20%, #6a6a6a 40%, #8a8a8a 50%, #6a6a6a 60%, #4a4a4a 80%, #3a3a3a 100% );--gradient-black-glossy-super-light: linear-gradient( 135deg, #4a4a4a 0%, #5a5a5a 20%, #7a7a7a 40%, #9a9a9a 50%, #7a7a7a 60%, #5a5a5a 80%, #4a4a4a 100% );--gradient-glossy-medium: linear-gradient( to bottom, rgba(160, 160, 160, .7) 0%, rgba(200, 200, 200, .85) 30%, rgba(240, 240, 240, .95) 50%, rgba(200, 200, 200, .85) 70%, rgba(160, 160, 160, .7) 100% );--gradient-glossy-strong: linear-gradient( to bottom, rgba(120, 120, 120, .8) 0%, rgba(180, 180, 180, .9) 30%, rgba(245, 245, 245, 1) 50%, rgba(180, 180, 180, .9) 70%, rgba(120, 120, 120, .8) 100% );--gradient-subtle: linear-gradient( 120deg, #dcdcdc 0%, #e6e6e6 25%, #f4f4f4 50%, #e6e6e6 75%, #dcdcdc 100% )}*{box-sizing:border-box}body{font-family:Montserrat,sans-serif;color:var(--text-primary);margin:0}h1{font-size:clamp(2rem,5vw,3rem);font-weight:400;background:var(--gradient-black);-webkit-background-clip:text;background-clip:text;color:transparent}h2{font-size:clamp(1.5rem,3vw,2rem)}p{font-size:clamp(.8rem,2vw,1.1rem);line-height:1.6}.skills-section{margin-bottom:70px;min-height:100vh;display:grid;grid-template-columns:repeat(2,1fr)}.skills-left{padding-block:clamp(2rem,8vw,6rem);padding-inline:1rem;padding-left:clamp(.5rem,5vw,5rem)}.skills-left h1{text-align:end;font-size:clamp(.5em,.8em 1em)}.skills-right h1{text-indent:10px}.skills-right{background:var(--gradient-black-light);padding-block:clamp(2rem,8vw,6rem);padding-inline:1rem;padding-right:clamp(.5rem,6vw,6rem)}.skills-container{display:flex;align-items:center;gap:clamp(1rem,2.5vw,2rem);margin-top:4rem;flex-wrap:wrap}.skills-container-left{justify-content:flex-end;margin-right:1rem}.skills-container-right{justify-content:flex-start;margin-left:1rem}.tech-icon-left{width:2.5rem;height:2.5rem;font-size:1.5rem;aspect-ratio:1/1;color:#fff;background:linear-gradient(145deg,#fff,#eee 35%,#e6e6e6,#f5f5f5 75%,#fff);box-shadow:0 6px 14px #0000000f,inset 0 1px 2px #ffffffb3;padding:.5rem;border-radius:50%}.tech-icon-right{width:2.5rem;height:2.5rem;font-size:1.5rem;aspect-ratio:1/1;background:var(--gradient-black-light);padding:.5rem;border-radius:50%}.logo-container{display:inline-block;width:fit-content;border-radius:50%;display:flex}.tech-icon-img{width:2.5rem;aspect-ratio:1/1;object-fit:contain;background:var(--gradient-black-light);border-radius:50%}@media (max-width:660px){.skills-section{grid-template-columns:1fr}}.skills-left .highlight{background:linear-gradient(135deg,#6b2cf5,#d450e6,#6db3fc);-webkit-background-clip:text;background-clip:text;color:transparent}.certificate-belt{width:100vw;margin-left:calc(50% - 50vw);overflow:hidden;padding:10px 0;position:relative;mask-image:linear-gradient(to right,transparent 0%,white 15%,white 85%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,white 15%,white 85%,transparent 100%)}.certification-container{display:flex;justify-content:space-between;white-space:nowrap;gap:clamp(1rem,4vw,2rem);animation:scroll-left 20s linear infinite}.certificate-link{text-decoration:none;font-family:Nanum Pen Script;font-size:25px;text-transform:uppercase;color:transparent;background:var(--gradient-color);text-shadow:2px 2px 5px rgba(252,250,250,.469);margin-top:10px;padding:2px;border-radius:50px;transition:color .3s ease-in,transform 1s ease-in;transform:scale(.9)}.certificate-link:hover{background:var(--gradient-color);transform:scale(.85);color:#fff;cursor:pointer}.certfication-logo{width:clamp(80px,20vw,150px);aspect-ratio:1/1;position:absolute;top:5%;z-index:0;position:relative;transition:transform 1s ease-in-out}.certfication-logo:hover{transform:scale(1.1) rotate(-2deg)}.certfication-logo:before{content:"CERTIFIED";position:absolute;z-index:1;text-decoration:overline underline;text-underline-offset:5px;top:50%;left:50%;color:#000;transform:translate(-50%,-50%);font-family:Roboto Condensed,sans-serif;font-size:clamp(.6rem,1.6vw,1rem);text-transform:uppercase;font-weight:600;transform-origin:center center;transform:translate(-50%,-50%) rotate(-5deg)}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}.svg{position:relative}.back-svg{position:absolute;z-index:-1;top:0;right:0;transform:scale(1.05)}.certificate-belt:hover .certification-container{animation-play-state:paused}.footer{margin-top:6rem}.wrap-up{text-align:center;margin-bottom:3rem}.wrap-up h1{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:500}.wrap-subline{margin-top:.8rem;font-size:22px;font-weight:400;letter-spacing:.5px}.footer-wrapper{display:grid;grid-template-columns:3fr 1fr 2fr 1fr 3fr;gap:3rem;padding:3rem 2rem;background:var(--gradient-subtle)}.footer-brand h2{font-size:1.5rem;margin-bottom:1rem}.footer-brand p{color:#666;font-size:14px;line-height:1.6}.footer-title{font-size:13px;font-weight:600;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px}.footer-col ul{list-style:none;padding:0}.footer-col li{margin-bottom:.6rem}.footer-col a{text-decoration:none;color:#555;font-size:14px;transition:all .3s ease}.footer-col a:hover{color:#000;transform:translate(3px)}.footer-bottom{text-align:center;padding:1.5rem;font-size:13px;color:#777}@media (max-width: 900px){.footer-wrapper{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}.logos{display:flex;gap:clamp(.5rem,2vw,1.2rem);justify-content:flex-start}.logo{width:50%;height:50%}.social-icons{background:var(--gradient-light);width:clamp(2rem,5vw,2.5rem);height:clamp(2rem,5vw,2.5rem);border-radius:50%;display:flex;justify-content:center;align-items:center;transition:background .3s ease-in-out,transform .5s ease-in}.social-icons:hover{background:linear-gradient(135deg,#6b2cf5,#d450e6,#6db3fc);transform:scale(1.1);cursor:pointer}.email-section{display:grid;grid-template-columns:repeat(2,1fr)}.contact-links{display:flex;gap:1rem}.message-box{position:relative;padding-left:20px;padding-block:1rem}.message-box:before{content:"";position:absolute;top:20px;left:0;width:2px;height:100%;background:linear-gradient(135deg,#6b2cf5,#d450e6,#6db3fc)}.row{display:flex;align-items:center;gap:10px}.recipient-mail{background:linear-gradient(135deg,#6b2cf5,#d450e6,#6db3fc);border-radius:100px;height:fit-content;width:fit-content;color:#fff;padding:5px 10px;border:none;outline:none;font-family:Montserrat,serif;font-size:.8rem}.input-box{padding:5px 10px;font-size:.8rem;border-radius:100px;height:fit-content;width:250px}.input-box input{outline:none;border:none;width:100%;font-family:Montserrat,serif}.input-box input:focus{outline:none;border:none;box-shadow:none}.senders-mail{background:linear-gradient(135deg,#6b2cf5,#d450e6,#6db3fc)}.senders-mail input{background:linear-gradient(135deg,#6b2cf5,#d450e6,#6db3fc);color:#fff}.senders-mail input::placeholder{color:#fff}.subject{background-color:#fff;position:relative;border-radius:100px;width:300px}.subject input{font-weight:bolder;width:100%;padding:5px 10px;box-sizing:border-box}.subject:before{content:"";position:absolute;inset:0;padding:1px;background:linear-gradient(135deg,#6b2cf5,#d450e6,#6db3fc);pointer-events:none;border-radius:100px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}textarea{border:none;outline:none;background:transparent;width:100%;padding:10px 0;font-size:1em;font-family:Montserrat,serif;overflow:auto;font-weight:600;scrollbar-width:none;-ms-overflow-style:none}textarea::-webkit-scrollbar{display:none}textarea::placeholder{font-size:1em;font-family:Montserrat,serif}.contact-wrapper{display:flex;flex-wrap:wrap}.sticky-note{width:400px;height:auto;position:relative;transform:rotateY(180deg)}.sticky-note:after{content:"";background-image:url(https://www.svgrepo.com/show/533306/send.svg);position:absolute;top:50%;left:50%;height:50px;width:50px;background-size:contain;background-repeat:no-repeat}.note-container{position:relative;transform:rotate(-3deg)}.send-button{position:absolute;top:61%;left:24%;height:45px;width:45px;transition:1s ease}.send-button:hover{transform:scale(.9);cursor:pointer}.note-input{transform:rotate(2deg);position:absolute;top:40%;left:12%;background:transparent;border:none;outline:none;font-family:Poppins;font-weight:600;font-size:16px;height:120px;width:150px;resize:none}.note-input:focus{border:none;outline:none}.sticky-wall{display:grid;grid-template-columns:repeat(auto-fill,60px);grid-template-rows:repeat(4,60px);gap:clamp(2rem,5vw,10rem);padding:40px;justify-content:center;grid-auto-flow:column}.note{width:60px;height:60px;position:relative;cursor:pointer;transition:transform .6s;perspective:1000px}.note-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.note-front,.note-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center}.note-front{background:linear-gradient(135deg,#6b2cf5,#d450e6,#6db3fc);color:#fff}.note-back{background:#e8dafc;transform:rotateY(180deg)}.note:hover .note-inner{box-shadow:0 20px 40px #0000004d;transform:rotateY(180deg) scale(1.5);z-index:10}.note:nth-child(odd){transform:rotate(-3deg)}.note:nth-child(2n){transform:rotate(2deg)}.note:nth-child(3n){transform:rotate(-1deg)}.note-front:after{content:"";position:absolute;bottom:0;right:0;border-width:0 0 25px 25px;border-style:solid;border-color:transparent transparent rgba(0,0,0,.1) transparent}.note-front:before{content:"";position:absolute;width:20px;height:8px;background:#ffffffb3;top:-4px;left:50%;transform:translate(-50%)}.note-front p{font-size:10px;font-weight:500;text-align:center;padding:4px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.1}.note p{font-size:12px;text-align:center}.note-back p{font-size:9px;line-height:1.2;padding:4px;text-align:center;overflow:hidden;word-break:break-word;text-shadow:0 1px 0 rgba(255,255,255,.8),0 2px 2px rgba(0,0,0,.15),0 4px 6px rgba(0,0,0,.15);transform:translateZ(10px)}.contact-left{display:flex;flex-direction:column;align-items:center}.contact-wheel{display:grid;grid-template-columns:repeat(3,50px);grid-template-rows:repeat(3,50px);gap:10px;margin:4rem}.circle-link{background:linear-gradient(135deg,#6b2cf5,#d450e6,#6db3fc);border-radius:50%;display:flex;align-items:center;justify-content:center}.circle-link i{font-size:24px;color:#fff}.contact-wheel a{text-decoration:none}.circle-link:nth-child(1),.circle-link:nth-child(3),.circle-link:nth-child(7),.circle-link:nth-child(9){background:var(--gradient-light);width:30px;height:30px}.grid-item{display:flex}.circle-link:nth-child(1){justify-self:end;align-self:end}.circle-link:nth-child(3){justify-self:start;align-self:end}.circle-link:nth-child(7){justify-self:end;align-self:start}.circle-link:nth-child(9){justify-self:start;align-self:start}.connect{position:relative;letter-spacing:20px;color:transparent;text-transform:uppercase;font-size:1.2em}.connect:before{content:"";background:linear-gradient(135deg,#6b2cf5,#d450e6,#6db3fc);z-index:-2;position:absolute;inset:0;padding:2px;webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}@media (max-width: 768px){.email-section{display:flex;flex-direction:column;justify-content:center;align-items:center}.contact-form{margin-inline:.5rem}}.navigation{display:flex;justify-content:center;width:100%;padding-top:10px;z-index:1000;position:fixed}.navigation-items{display:flex;justify-content:center;list-style-type:none;padding:0;height:45px;border-radius:50px;background:#fff;transition:.3 ease}.navigation-item{font-family:poppins;color:#000;font-size:11px;font-weight:bolder;margin:10px;padding:5px;transition:color .3s ease,font-size .5s ease-in-out}.navigation-item:hover{color:transparent;background:var(--gradient-color);-webkit-background-clip:text;background-clip:text;cursor:pointer;font-size:12px;font-weight:bolder}.navigation-items a{text-decoration:none}.section{padding-block:var(--section-padding);min-height:100vh;overflow:hidden}.container{max-width:var(--max-width);margin-inline:auto;padding:clamp(.2rem,8vw,5rem)}::selection{background-color:#e0eff4;color:#111}.hero-section{display:flex;justify-content:center;align-items:center;background:linear-gradient(to left,#ddabe4da,#b7a4e3c9)}.hero-wrapper{padding-inline:clamp(1rem,5vw,5rem);display:flex;font-size:clamp(10px,1.5vw,16px)}.word-art{display:flex}.giant-m{font-size:25em;font-family:Poppins,sans-serif;font-weight:900;margin:0;line-height:1;background:var(--gradient-one);color:transparent;-webkit-background-clip:text;background-clip:text;text-shadow:2px 2px 5px rgba(252,250,250,.315)}.name{font-size:4.5em;font-family:Poppins,sans-serif;font-weight:900;color:#fff}.forename{writing-mode:vertical-rl;transform:rotate(180deg);line-height:1.2;margin-block:0;margin-top:3rem}.hook{font-weight:400;font-size:2.5em;line-height:.6}.intro{font-weight:500;font-size:2em;color:#fff;line-height:.5}.last-name{line-height:.3;margin-top:1rem}.column-three{display:flex;flex-direction:column;justify-content:center;margin-top:1rem}@media (max-width: 880px){.hero-wrapper{flex-direction:column;margin:auto;padding-block-start:4rem}.forename{margin-top:2rem}.word-art{margin:0}.giant-m{line-height:.7;font-size:30em}}.featured-section{position:relative;height:40vw;padding:5rem;background-image:var(--gradient-featured-overlay),linear-gradient(to left,#28282880,#50505059,#9696962e 50%,#c8c8c814 70%,#fff0);margin-bottom:50px}.project-cover{position:absolute;top:0;right:0;width:50%;height:100%;overflow:hidden;object-fit:cover;object-position:top;z-index:-1}.project-cover:before{content:"";position:absolute;inset:0;background-image:linear-gradient(to left,#282828cc,#50505099,#9696964d 60%,#c8c8c81a,#fff0);z-index:2}.featured-project{display:flex;height:100%;width:50%}.txt{margin-block:1rem}.project-container{padding-inline-end:0;margin-inline-end:0}.project-cards{display:flex;gap:10rem;flex-wrap:wrap}.project-wrapper{display:flex;gap:2rem;margin-bottom:6rem}.project-left{flex:1}.project-right{position:relative}.other-info{display:flex;justify-content:space-between}.ultra-thin-text{font-size:.8em}.status{display:flex;align-items:center;gap:.5rem}.status-dot{width:14px;height:14px;border-radius:50%}.status-completed{background:#22c55e}.status-ongoing{background:#ef4444}.project-container p{line-height:1.3}.tech-icons{display:flex;align-items:center;gap:1rem;justify-content:flex-start}.tech-icon{width:2rem;height:2rem;font-size:1rem;aspect-ratio:1/1;background:var(--gradient-black-light);padding:.5rem;border-radius:50%}.project-links{display:flex;gap:1rem}.project-links div{width:2rem;height:2rem;aspect-ratio:1/1;background:var(--gradient-light-two);padding:.5rem;border-radius:50%;display:flex;justify-content:center;align-items:center}.project-name{background:var(--gradient-one);-webkit-background-clip:text;background-clip:text;color:transparent;text-transform:uppercase;font-weight:200}.project-details{display:flex}.featured-project-card{background:var(--gradient-black-glossy)}.tour-btn{display:inline-block;padding:16px 22px;border-radius:999px;font-size:14px;font-weight:500;text-decoration:none;color:#fff;background:linear-gradient(135deg,#6b2cf5,#d450e6,#6db3fc);transition:all .3s ease;position:relative;overflow:hidden;margin-top:2rem}.tour-btn:before{content:"";position:absolute;inset:0;border-radius:999px;background:linear-gradient(135deg,#6b2cf5,#d450e6,#6db3fc);filter:blur(12px);opacity:.6;z-index:-1}.tour-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6b2cf54d,0 4px 10px #d450e640;cursor:pointer}.more-projects{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding-inline-start:10vw;margin-block:5rem;overflow:hidden}.project-card.small{width:clamp(18rem,25vw,20rem);aspect-ratio:4/3;background:var(--gradient-subtle);border-radius:18px;padding:2rem;position:relative;z-index:1;transform:translate(25%);display:flex;flex-direction:column;justify-content:flex-end;transition:transform .3s ease,box-shadow .3s ease,filter .3s ease}.project-card.small .project-title{line-height:.5;max-width:10ch;text-wrap:balance;margin-block:4px;padding-block:1rem}.project-card.small .text-light{font-size:.3em}.project-card.small .text-dark{font-size:.4em}.project-card.small .project-links{margin-top:10px}.project-card.small .primary-tech{font-size:1em;background:var(--gradient-light-two);padding-block:.6em;padding-inline:.8em;border-top-right-radius:100px;border-bottom-right-radius:100px;position:absolute;top:.6rem;left:0}.project-card.small .primary-tech:before{content:"";position:absolute;top:0;left:0;background:#fff;z-index:-1;width:100%;height:100%;border-top-right-radius:100px;border-bottom-right-radius:100px}.project-card.small:nth-child(6n+4),.project-card.small:nth-child(6n+5),.project-card.small:nth-child(6n+6){transform:translate(-20%)}.project-card.small:nth-child(2n){background:linear-gradient(135deg,#f5f5f533,#e6e6e626,#f5f5f533)}.project-card.small:nth-child(2n-1) .primary-tech{background:linear-gradient(135deg,#6b2cf5,#d450e6,#6db3fc);color:#fff}.project-card.small:nth-child(2n):after{content:"";position:absolute;inset:0;border-radius:18px;padding:1px;background:linear-gradient(to bottom,#6b2cf5,#d450e6,#6db3fc);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;transition:opacity .3s ease;z-index:2;filter:drop-shadow(0 0 10px #6b2cf5) drop-shadow(0 0 20px #d450e6) drop-shadow(0 0 30px #6db3fc)}.project-card{box-shadow:0 8px 20px #0000000f}.project-card.large{background:var(--gradient-black-light);border-radius:18px;padding:2rem;position:relative;width:clamp(30rem,45vw,70rem);aspect-ratio:16/9;z-index:1;transform:translate(25%);display:flex;flex-direction:column;justify-content:flex-end}.project-card.large .project-title{line-height:.8;max-width:10ch;text-wrap:balance}.project-card.large .text-light{font-size:.4em}.project-card.large .text-dark{font-size:.7em}.project-card.large .primary-tech{font-size:1.5em;background:linear-gradient(135deg,#6b2cf5,#d450e6,#6db3fc);color:#fff;padding-block:.5em;padding-inline:1em;border-top-right-radius:100px;border-bottom-right-radius:100px;position:absolute;top:1rem;left:0}.primary-tech:before{content:"";position:absolute;top:0;left:0;background:#fff;z-index:-1;width:100%;height:100%;border-top-right-radius:100px;border-bottom-right-radius:100px}.about-wrapper{display:grid;grid-template-columns:1fr 1fr}.about-section{position:relative}.education-rows{display:flex;flex-direction:column;gap:2rem}.education-row{display:flex;flex-direction:column}.education-row p{font-family:Poppins,sans-serif;margin-block:5px}.education-row .light{color:#9f9f9f;font-weight:300}.education-row .italic{font-style:italic}.details{display:flex;flex-direction:row;gap:2rem}.col{padding-inline:clamp(1rem,3vw,2rem)}.right-col{padding-inline-end:clamp(1.5rem,3vw,2rem);position:relative}.left-col{padding-inline-start:clamp(2rem,3vw,3rem)}.left-col h3{color:#7a7a7a;font-weight:400;font-size:clamp(.8rem,2vw,1.2rem)}.right-col h2{font-weight:400;background:var(--gradient-black);-webkit-background-clip:text;background-clip:text;color:transparent;margin-top:4rem;font-size:clamp(1.5rem,3.5vw,2rem)}.right-col p{margin-inline-end:clamp(2rem,5vw,4rem)}.left-col .intro-text{color:#7a7a7a;font-weight:600}.left-col .name-text{background:var(--gradient-one);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:600}.metrics-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center}.project-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2rem}.metrics-col h1{margin-bottom:.3rem}.metrics-col p{font-size:14px;color:#777}.numbers{font-family:Montserrat,sans-serif;font-weight:700;font-size:clamp(1.5rem,8vw,4rem)}.explore-cta{margin-top:2rem}.cta-subtext{font-size:13px;color:#777;margin-bottom:.5rem}.explore-btn{text-decoration:none;font-size:16px;font-weight:500;color:#333;transition:.3s ease}.explore-btn:hover{color:#000;border-color:#000}.download-resume{position:relative}.resume{width:fit-content;height:fit-content;padding:2px;background:linear-gradient(to bottom right,#6c2cf5a8,#d550e6a4,#6db2fca5);border-radius:12px;transform:rotate(-5deg);transition:transform .4s ease,box-shadow .4s ease;margin:3rem}.resume img{width:clamp(150px,25vw,200px);height:auto;border-radius:12px}.resume:hover{transform:rotate(-2deg) scale(1.02);box-shadow:0 15px 30px #00000040;cursor:pointer}.resume-wrapper{position:absolute;top:30%;right:0;transform:translate(40%);z-index:5}@media (max-width: 680px){.about-wrapper{flex-direction:column;padding-block:2rem}.right-col{padding-block-start:0;padding-inline:2rem}.right-col p{margin-inline-end:1rem}.left-col{padding-block-end:0;padding-inline:2rem}.resume-wrapper{margin-top:-150px}}@media (max-width: 768px){.about-wrapper{grid-template-columns:1fr}}.text-highlight{background:var(--gradient-color);color:transparent;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.button{background:linear-gradient(135deg,#6b2cf5,#d450e6,#6db3fc);border-radius:100px;height:fit-content;width:fit-content;color:#fff;padding:16px 32px;border:none;font-family:Montserrat,serif;margin-block:4rem;cursor:pointer}.business-card{position:relative;background:#fff;border-radius:16px;width:clamp(350px,60vw,450px);aspect-ratio:6 / 4;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(1.5em,4vw,2em);margin-block:clamp(2rem,4vw,5rem)}.card-case{width:115vw;height:80%;background:var(--gradient-black-light);position:absolute;bottom:-12vh;left:-20%;clip-path:polygon(0% 20%,100% 0%,100% 100%,0% 100%)}.business-card:before{content:"";position:absolute;inset:-2px;background:var(--gradient-color);border-radius:18px;z-index:-1;animation:borderMove 6s linear infinite}@keyframes borderMove{0%{background-position:0% 50%}to{background-position:100% 50%}}@media (max-width: 380px){.business-card{width:100%;margin:auto}}.snapshot-wrapper{padding:clamp(.1rem,4vw,6rem)}.title-light{font-size:.7em}.title-dark{font-size:1em}.card-title{font-size:clamp(1.3rem,3vw,2rem);background:var(--gradient-one);color:#595858;font-family:DM Sans,sans-serif;line-height:0}.card-text{color:#7b7979;font-size:.8em;line-height:.5;font-family:DM Sans,sans-serif}.social-contact-container{display:flex;gap:clamp(2rem,6vw,4rem);width:100%}.dev-footer{position:fixed;bottom:0;left:0;width:100%;padding:6px 12px;font-size:12px;text-align:center;background:#14141ecc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;z-index:9999}