@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";.aboutMe{background:linear-gradient(135deg,#b39af3,#e9e3fd,#cebff9)}.skills_card{padding:clamp(1.5rem,5vw,5rem)}.skills_header>p{font-size:clamp(1.4rem,2.5vw,var(--font-size-heading2));text-align:center;font-weight:600;text-shadow:1px 1px 3px rgba(0,0,0,.2)}.tab{display:flex;justify-content:center;border:1px solid rgba(0,0,0,.08);border-radius:12px;background-color:var(--primary_color);width:clamp(16rem,40vw,24rem);margin:clamp(1rem,3vw,2rem) auto;overflow:hidden}.tab button{flex:1;background-color:inherit;border:none;border-right:1px solid rgba(162,142,126,.2);cursor:pointer;padding:clamp(.5rem,1vw,.8rem);font-size:.8rem;font-weight:500;transition:all .25s ease}.tab button:last-child{border-right:none}.tab button:hover,.tab button.active{background:var(--tertiary_color);color:var(--color-white)}.tabcontent{display:none;gap:clamp(1.5rem,3vw,3rem);flex-wrap:wrap;justify-content:center;animation:fadeEffect .6s ease}.tabcontent.active{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:clamp(1rem,2vw,2rem);justify-items:center}.skill{display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative;padding:clamp(.5rem,1vw,1rem);border-radius:12px;background:#ffffff40;border:1px solid rgba(255,255,255,.4);box-shadow:0 6px 18px #0000001a;transition:transform .25s ease,box-shadow .25s ease}.skill:hover{transform:translateY(-4px);box-shadow:0 10px 24px #0000002e}.skill>.skillIcon>img{height:clamp(1.5rem,2.5vw,2rem);width:clamp(1.5rem,2.5vw,2rem);object-fit:contain;transition:transform .3s ease}.skill>.skillIcon>img:hover{transform:rotate(360deg)}.skillName{position:absolute;bottom:-1.8rem;font-size:clamp(.7rem,1vw,.9rem);white-space:nowrap;opacity:0;transition:opacity .2s ease;pointer-events:none}.skill:hover .skillName{opacity:1}@media (max-width: 768px){.tab{display:none}.skills_header>p{margin-bottom:1rem}}@media (min-width: 1600px){.skills_header>p{font-size:3rem}.tab{width:40rem;margin:4rem auto}.tab button{padding:1.8rem;font-size:1.25rem}.tabcontent{gap:6rem}.skill{gap:1rem}.skill>.skillIcon>img{height:3rem;width:3rem}.skillName{font-size:1.5rem}}.ContactMe_card{position:relative;overflow:hidden;margin-bottom:0;padding:clamp(2rem,5vw,5rem);display:flex;flex-direction:column;justify-content:space-between;align-items:center;background-color:var(--secondary_color);cursor:pointer}.ContactMe_card .spotlight{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background:radial-gradient(250px circle at var(--x, 50%) var(--y, 50%),rgba(255,255,255,.35),rgba(255,255,255,.15) 40%,transparent 70%);transition:opacity .3s ease}.ContactMe_card:hover .spotlight{opacity:1}.ContactMe_card>.text>h3{padding-bottom:clamp(1rem,2vw,2rem);text-align:center;font-weight:600;text-shadow:0 0 10px white}.icons{display:flex;justify-content:center}.icons>a>img{height:1.2rem;width:1.2rem;padding:.5rem}.icons>a>img:hover{transform:rotate(360deg);transition:transform .5s linear;cursor:pointer}@media (min-width: 1600px){.ContactMe_card{font-size:x-large}.ContactMe_card>.text>h3{font-size:2.5rem;padding-bottom:1rem}.icons>a>img{height:2rem;width:2rem;padding:1rem}}@keyframes float{0%{transform:translatey(0)}50%{transform:translatey(-20px)}to{transform:translatey(0)}}@keyframes moveInLeft{0%{opacity:0;transform:translate(-10rem)}80%{transform:translate(1rem)}to{opacity:1;transform:translate(0)}}@keyframes moveInRight{0%{opacity:0;transform:translate(10rem)}80%{transform:translate(-1rem)}to{opacity:1;transform:translate(0)}}@keyframes moveInButton{0%{opacity:0;transform:translateY(3rem)}to{opacity:1;transform:translate(0)}}@keyframes highlightGlow{0%{opacity:0;box-shadow:0 0 0 var(--secondary_color_light)}to{opacity:1;box-shadow:0 0 20px var(--secondary_color_light),0 0 40px var(--secondary_color_light)}}.homepage{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));min-height:calc(100vh - 80px);background-color:var(--primary_color);position:relative;overflow:hidden;background-image:radial-gradient(rgba(172,142,250,.25) 1px,transparent 1px);background-size:clamp(24px,3vw,30px) clamp(24px,3vw,30px)}.homepage .spotlight{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background:radial-gradient(250px circle at var(--x, 50%) var(--y, 50%),rgba(255,255,255,1) 0%,rgba(255,255,255,.9) 15%,rgba(255,255,255,.6) 30%,rgba(255,255,255,.3) 50%,transparent 70%);transition:opacity .3s ease}.homepage:hover .spotlight{opacity:1}.homepage__left{display:flex;flex-direction:column;justify-content:center;gap:clamp(1rem,2vw,2rem);margin-left:clamp(0rem,5vw,5rem);font-size:clamp(1.2rem,2vw,var(--font-size-heading));animation:moveInLeft 1.5s ease}.homepage__header__name{font-size:clamp(2rem,5vw,3rem);text-shadow:1px 1px 3px rgba(0,0,0,.2)}.name-highlight{margin-left:clamp(.5rem,1vw,1rem);padding:clamp(.5rem,1.5vw,1.5rem);border-radius:60px;background-color:#fffc;box-shadow:0 0 20px var(--secondary_color_light),0 0 40px var(--secondary_color_light);animation:highlightGlow 2s ease-in-out}.homepage__header__details{display:flex;flex-direction:column;gap:clamp(.5rem,1vw,1rem);font-size:clamp(.9rem,1.2vw,var(--font-size-heading3))}.details{color:var(--secondary_color_text);line-height:1.6;margin-top:clamp(.5rem,1vw,1.5rem);letter-spacing:.05rem;max-width:600px}.homepageButtons>a{text-decoration:none}.CV{width:clamp(8rem,12vw,10rem);height:clamp(2.5rem,5vh,3rem);margin-top:clamp(1rem,2vw,2rem);background:var(--secondary_color);border-radius:10px;border:none;color:var(--color-white);display:flex;align-items:center;justify-content:center;padding:clamp(.5rem,1vw,1rem);font-weight:600;letter-spacing:.15rem;transition:all .25s ease;cursor:pointer}.CV:hover{transform:translateY(-3px) scale(1.05)}.homepage__right{display:flex;align-items:center;justify-content:center;position:relative;padding:clamp(.5rem,2vw,1rem);animation:moveInRight 1.5s ease}.homepage__right #blob{position:absolute;max-width:clamp(15rem,30vw,40rem);max-height:clamp(15rem,30vw,40rem);top:0;right:0;bottom:0;left:0;margin:auto;aspect-ratio:1 / 1}.homepage__right .aboutMe__img{position:relative}.homepage__right .aboutMe__img img{height:clamp(14rem,40vw,40rem);width:clamp(14rem,40vw,40rem);object-fit:contain;animation:float 3s ease-in-out infinite}@media (max-width: 768px){.homepage{text-align:center}.homepage__left{align-items:center;margin-left:0}.details{max-width:90%}}@media (min-width: 1600px){.homepage__left{gap:6rem;margin-left:7rem;font-size:4rem;animation:moveInLeft 1.5s ease}.homepage__header__name{font-size:8rem;text-shadow:1px 1px 3px rgba(0,0,0,.2)}.name-highlight{margin-left:2rem;padding:2rem;border-radius:80px}.homepage__header__details{gap:2rem;font-size:2rem}.details{line-height:2;margin-top:3rem;letter-spacing:.08rem;max-width:1000px}.CV{width:20rem;height:6rem;margin-top:4rem;border-radius:20px;padding:2rem;font-size:1.75rem;letter-spacing:.25rem}.homepage__right{padding:2rem}.homepage__right #blob{max-width:50rem;max-height:50rem}.homepage__right .aboutMe__img img{height:50rem;width:50rem}}.navbar{display:flex;align-items:center;justify-content:center;gap:clamp(1rem,3vw,3rem);padding:clamp(1rem,2vw,2rem);position:sticky;top:0rem;z-index:99;background:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.navbar__links>button{background:none;color:var(--color-black);font-style:bold;border:none;cursor:pointer;position:relative;transition:all .25s ease}.navbar__links>button:hover{color:var(--secondary_color_text);transform:translateY(-2px)}.navbar__links>button:after{content:"";position:absolute;left:50%;bottom:-4px;width:0%;height:2px;background:var(--tertiary_color);transform:translate(-50%);transition:width .3s ease}.navbar__links>button:hover:after{width:60%}@media (min-width: 1600px){.navbar{gap:10rem;padding:2.5rem}.navbar__links>button{font-size:2rem}.navbar__links>button:after{height:3px}}.project-list{background:linear-gradient(135deg,#fff,#f7f4f2);padding:clamp(2rem,5vw,5rem)}.project-list .title{font-size:clamp(1.4rem,2.5vw,var(--font-size-heading2));font-weight:600;text-align:center;color:var(--color-black);position:relative;text-shadow:1px 1px 3px rgba(0,0,0,.2)}.project-list .title:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:.5rem;height:.15rem;background:var(--tertiary_color);transition:width .3s ease}.project-list .title:hover:after{width:18%}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(1.5rem,3vw,3rem);padding:clamp(1rem,3vw,2rem)}.project-card{border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease}.project-card:hover{transform:translateY(-6px);box-shadow:0 10px 30px #00000014}.image-container{position:relative}.project-card img{width:100%;height:clamp(14rem,22vw,20rem);object-fit:cover;transition:transform .3s ease}.image-container:hover img{transform:scale(1.05)}.project-details{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000bf;color:var(--color-white);opacity:0;transition:opacity .3s ease;padding:2rem}.image-container:hover .project-details{opacity:1}.details-content{text-align:center;display:flex;flex-direction:column;gap:1rem}.details-content h3{color:var(--tertiary_color);font-size:clamp(1rem,1.5vw,1.2rem)}.details-content p{line-height:1.5;font-size:clamp(.85rem,1vw,1rem)}.project-card h5{color:var(--tertiary_color)}.tech-used{display:flex;flex-direction:column;align-items:center;gap:.5rem}.tech-icons{display:flex;flex-wrap:wrap;gap:clamp(.5rem,1vw,1rem);justify-content:center}.tech-skill{display:flex;flex-direction:column;align-items:center;gap:.4rem}.tech-skill>.skillIcon img{height:clamp(1.2rem,2vw,1.5rem);width:clamp(1.2rem,2vw,1.5rem);transition:transform .2s ease}.tech-skill>.skillIcon img:hover{transform:scale(1.2)}@media (min-width: 1600px){.project-list .title{font-size:3rem}.cards{gap:7rem;padding:4rem}.project-card img{height:30rem}.project-details{padding:3rem}.details-content h3{margin-bottom:2rem;font-size:2rem}.details-content p{line-height:1.75rem;font-size:1.25rem}.project-card h5{margin-bottom:1rem}.tech-used{padding:2rem}.tech-icons{margin-top:1rem;gap:2rem}.tech-skill{gap:1rem}.tech-used>h5{font-size:1.25rem}.tech-skill>.skillIcon img{height:2rem;width:2rem}}.workExp{padding:clamp(2rem,5vw,5rem);background:linear-gradient(135deg,#fff,#f7f4f2)}.workExp>p{font-size:clamp(1.4rem,2.5vw,var(--font-size-heading2));font-weight:600;text-align:center;color:var(--color-black);position:relative;text-shadow:1px 1px 3px rgba(0,0,0,.2)}.workExp>p:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:.5rem;height:.15rem;background:var(--tertiary_color);transition:width .3s ease}.workExp>p:hover:after{width:18%}.experience_section{position:relative;width:min(90%,900px);margin:clamp(2rem,4vw,3rem) auto;display:flex;flex-direction:column;gap:clamp(1.5rem,3vw,2.5rem)}.experience_section:before{content:"";width:2px;left:0;top:2rem;bottom:0;background-color:var(--tertiary_color_light);position:absolute}.experience{display:flex;flex-direction:column;margin:2rem auto;padding-left:2rem}.experience>h5:nth-child(1){position:relative;font-size:var(--font-size-heading3)}.experience>h5:nth-child(1):before{content:"";width:1.5em;height:1.5em;left:calc(-2rem - .75em);top:0;position:absolute;background-color:var(--tertiary_color);border-radius:50%}.org{font-size:.8rem}.date{font-size:clamp(.75rem,1vw,var(--font-size-sm));color:var(--secondary_color_text);opacity:.8;padding-top:.4rem}.experience>ul{display:flex;flex-direction:column;gap:clamp(.3rem,1vw,.6rem);margin-top:.5rem;padding-left:0;list-style:none}.experience>ul>li{font-size:clamp(.8rem,1vw,var(--font-size-sm));line-height:1.5;color:#444}@media (max-width: 768px){.experience_section:before{left:.5rem}.experience{padding-left:2rem}.experience>h5:first-child:before{left:-1.2rem}}@media (min-width: 1600px){.workExp>p{font-size:3rem}.experience>h5:nth-child(1){font-size:1.75rem}.org{font-size:1.3rem}.date{font-size:1.1rem}.experience>ul>li{font-size:1.25rem}}:root{--font-family: "Inter", sans-serif;--font-size-heading: 2rem;--font-size-heading2: 1.65rem;--font-size-heading1: 1.5rem;--font-size-heading3: 1rem;--font-size-sm: .9rem}*{margin:0;padding:0;font-family:var(--font-family);--primary_color: #f8f1ec;--secondary_color: #ac8efa;--secondary_color_light: #cebff9;--tertiary_color: #feb12f;--tertiary_color_light: #fadcc3;--secondary_color_text: #706052;--color-white: #ffffff;--color-black: #000000}body{background:var(--primary_color)}html ::selection{background-color:var(--secondary_color_light);color:var(--color-white)}