@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;800&display=swap);nav.top-nav{background:#000000d9;border-radius:30px;box-shadow:0 4px 20px #0000004d;display:flex;gap:2rem;justify-content:center;left:0;margin:0 auto;max-width:1200px;padding:.5rem 2rem;position:fixed;right:0;top:1rem;z-index:100}nav.top-nav a{color:#ccc;font-weight:600;padding:.25rem 0;position:relative;text-decoration:none;text-transform:uppercase;transition:color .3s}nav.top-nav a:after{background:var(--accent-color);border-radius:3px;bottom:-4px;content:"";height:3px;left:0;position:absolute;transition:width .3s;width:0}nav.top-nav a:hover:after{width:100%}nav.top-nav a.active{color:var(--accent-color)}nav.top-nav a.active:after{width:100%}@media (max-width:1024px){nav.top-nav{gap:1.5rem;max-width:95%;padding:.5rem 1rem}nav.top-nav a{font-size:.9rem}}@media (max-width:768px){nav.top-nav{border-radius:20px;gap:1rem;max-width:98%;padding:.5rem}nav.top-nav a{font-size:.8rem;padding:.25rem 0}nav.top-nav a:after{bottom:-2px}}@media (max-width:480px){nav.top-nav{border-radius:15px;gap:.5rem;padding:.5rem .25rem}nav.top-nav a{font-size:.7rem}}.intro{gap:4rem;justify-content:center;min-height:100vh;padding:5rem 2rem 1rem}.intro,.intro-left{align-items:center;display:flex}.intro-left{flex-direction:column;gap:1rem}.profile-container{transform-origin:center center;transition:transform .3s ease}.profile-container:hover{transform:scale(1.05)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.profile-pic{animation:float 3s ease-in-out infinite;border:8px solid var(--accent-color);border-radius:50%;box-shadow:0 10px 30px #00000080;height:clamp(200px,40vw,450px);object-fit:cover;transition:transform .3s ease;width:clamp(200px,40vw,450px)}.profile-pic:hover{animation-play-state:paused;transform:translateY(0)}.intro-text{display:inline-block;text-align:left;width:fit-content}.intro-text h1{color:#fff;font-size:4rem;font-weight:800;margin:0}.intro-text p.subtitle{color:var(--accent-color);font-size:2rem;margin-top:1rem;text-align:right;width:100%}.btn-group{display:flex;gap:1.5rem;justify-content:flex-end;margin-top:1.5rem}.btn-group .btn{font-size:1.25rem;padding:1rem 2rem}.btn{background:#0000;border:2px solid var(--accent-color);border-radius:30px;color:var(--accent-color);cursor:pointer;font-weight:600;margin-right:1rem;padding:.75rem 1.5rem;transition:background .3s,color .3s;white-space:nowrap}.btn:hover{background:var(--accent-color);color:var(--bg-start)}.intro-left .social-icons{align-items:center;display:flex;gap:1.5rem;margin-top:1.5rem}.intro-left .social-icon{height:48px;transition:transform .2s;width:48px}.intro-left .social-icon:hover{transform:scale(1.1)}.github-icon{height:54px;width:54px}@media (max-width:1024px){.intro{flex-direction:column;gap:2rem;min-height:auto;padding:5rem 1rem 1rem}.intro-left,.intro-text{text-align:center;width:100%}.intro-text{align-items:center;display:flex;flex-direction:column}}@media (max-width:768px){.intro{padding:4.5rem 1rem 1rem}.intro-left{margin-top:5rem}.profile-pic{border-width:6px;height:clamp(150px,30vw,250px);width:clamp(150px,30vw,250px)}.intro-text h1{font-size:clamp(2.5rem,8vw,3.5rem)}.intro-text p.subtitle{font-size:clamp(1.25rem,5vw,1.75rem);text-align:center;width:100%}.btn-group{flex-direction:column;gap:1rem;margin-top:1rem}.btn-group .btn{font-size:1rem;margin:0 auto;max-width:300px;padding:.75rem 1.5rem;width:100%}}@media (max-width:480px){.intro{gap:1.5rem;padding:4rem 1rem 1rem}.intro-left{margin-top:4rem}.profile-pic{border-width:4px;height:clamp(120px,40vw,180px);width:clamp(120px,40vw,180px)}.intro-text h1{font-size:clamp(2rem,10vw,2.5rem)}.intro-text p.subtitle{font-size:clamp(1rem,8vw,1.25rem);margin-bottom:1rem}.btn-group .btn{font-size:.9rem;padding:.5rem 1rem}.social-icons{gap:1rem}.github-icon,.social-icon{height:clamp(32px,10vw,40px);width:clamp(32px,10vw,40px)}}@media (min-width:769px) and (max-width:1024px){.intro{flex-direction:column;gap:1.5rem}.intro-left,.intro-text{align-items:center;display:flex;flex-direction:column;text-align:center;width:100%}.intro-text p.subtitle{margin:.5rem 0 1rem;text-align:center}.btn-group{justify-content:center}}@media (min-width:1025px) and (max-width:1184px){.intro-text{align-items:flex-end;display:flex;flex-direction:column;text-align:right;width:100%}.intro-text h1,.intro-text p.subtitle{width:auto}.btn-group{flex-wrap:nowrap;justify-content:flex-end}}#about{min-height:60vh;padding-bottom:2rem;padding-top:2rem;scroll-margin-top:120px}.about-container{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;padding:0 12%}.about-list{display:flex;flex:none;flex-direction:column;gap:1.5rem;max-width:900px;min-width:450px;width:65%}.about-item{border-radius:16px;overflow:hidden;padding-left:1rem;position:relative;transition:transform .3s ease,background .3s}.about-item:before{background:#0000;border-bottom-left-radius:16px;border-top-left-radius:16px;content:"";height:100%;left:0;position:absolute;top:0;transition:background .3s;width:8px}.about-item:hover{transform:translateX(8px)}.about-item:hover:before{background:var(--accent-color)}.about-carousel{align-items:center;border-radius:8px;display:flex;flex:none;height:500px;justify-content:center;overflow:hidden;width:500px}.carousel-img{height:100%;object-fit:contain;opacity:0;transition:opacity .6s ease-in-out;width:100%}.carousel-img.fade-in{opacity:1}.carousel-img.fade-out{opacity:0}@media (max-width:480px){.about-carousel{display:none}.about-container{padding:0 5%}.about-list{margin:0 auto;max-width:320px;min-width:auto;text-align:center;width:100%}.about-item:hover{transform:translateX(4px)}}@media (max-width:768px){.about-container{padding:0 5%}.about-list{margin:0 auto;max-width:450px;min-width:auto;width:100%}.about-item:hover{transform:translateX(4px)}}@media (max-width:1024px){.about-container{align-items:center;flex-direction:column;gap:2rem;padding:0 5%}.about-list{align-items:flex-start;margin:0 auto;max-width:600px;text-align:left;width:100%}.about-carousel{aspect-ratio:1/1;height:auto;width:clamp(300px,50%,500px)}}@media (min-width:1025px) and (max-width:1900px){.about-container{align-items:center;flex-direction:row;gap:4rem;justify-content:center;padding:0 10%}.about-list{align-items:center;margin:0 auto;max-width:800px;text-align:center;width:60%}.about-carousel{aspect-ratio:1/1;height:auto;width:clamp(350px,40%,500px)}}#experience{padding-top:2rem;scroll-margin-top:20px}.experience-grid{grid-gap:2rem;display:grid;gap:2rem;grid-auto-rows:auto;grid-template-columns:1fr;margin:0 auto;max-width:1300px;padding:0 1rem}@media (min-width:639px){.experience-grid{grid-template-columns:repeat(2,minmax(320px,1fr));grid-template-rows:repeat(2,auto);padding:0 1rem}}.experience-card{align-items:center;display:flex;flex-direction:column;padding:clamp(1rem,2vw,1.5rem);text-align:center}.experience-logo{aspect-ratio:1/1;height:auto;margin-bottom:1rem;object-fit:contain;width:clamp(48px,10vw,80px)}.experience-card h3{color:var(--accent-color);margin:.5rem 0 .25rem}.exp-role{font-weight:600;margin:0}.exp-dates{font-style:italic;margin:.25rem 0}.exp-dates,.exp-desc{color:var(--text-color)}.exp-desc{margin-top:.5rem}@media (max-width:480px){#experience{padding-top:1rem}.experience-card{padding:1rem}.experience-card h3{font-size:1.25rem}.exp-dates,.exp-desc,.exp-role{line-height:1.3;margin:.25rem 0}}.scroller{margin:0 auto;max-width:1300px;padding:0 1rem}.scroller__inner{display:flex;flex-wrap:wrap;gap:2rem;list-style:none;margin:0;overflow-x:hidden;padding:1rem 0}.scroller[data-animated=true]{-webkit-mask:linear-gradient(90deg,#0000,#fff 10%,#fff 90%,#0000);mask:linear-gradient(90deg,#0000,#fff 10%,#fff 90%,#0000);overflow:hidden}.scroller[data-animated=true] .scroller__inner{animation:scroll 60s linear infinite forwards;animation:scroll var(--_animation-duration,60s) var(--_animation-direction,forwards) linear infinite;flex-wrap:nowrap;width:max-content}.scroller[data-direction=right]{--_animation-direction:reverse}.scroller[data-direction=left]{--_animation-direction:forwards}.scroller[data-speed=fast]{--_animation-duration:30s}.scroller[data-speed=slow]{--_animation-duration:60s}@keyframes scroll{to{transform:translateX(calc(-50% - 2rem))}}.scroller__inner::-webkit-scrollbar{display:none}.skill-card{align-items:center;border-radius:12px;display:flex;flex:0 0 auto;flex-direction:column;gap:1rem;padding:clamp(.5rem,1vw,1rem);transition:transform .3s;width:clamp(180px,20%,240px)}.skill-card:hover{transform:translateY(-4px)}.skill-icon{aspect-ratio:1/1;height:auto;object-fit:contain;width:clamp(100px,15vw,140px)}.skill-label{color:var(--text-color);font-size:clamp(1.25rem,2vw,1.5rem);font-weight:600;margin:0;text-align:center}#skills{display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:1rem 0;scroll-margin-top:120px}@media (max-width:768px){.scroller__inner{gap:1.5rem}.skill-card{padding:clamp(.4rem,1vw,.8rem);width:clamp(160px,25%,200px)}.scroller[data-speed=slow]{--_animation-duration:45s}}@media (max-width:480px){.scroller__inner{gap:1rem}.skill-card{padding:clamp(.3rem,1vw,.6rem);width:clamp(140px,30%,180px)}.scroller[data-speed=slow]{--_animation-duration:30s}}#contact{margin-bottom:4rem;min-height:50vh;padding:1.5em 1rem;scroll-margin-top:120px}#contact,.contact-section{align-items:center;display:flex;flex-direction:column;justify-content:center}.contact-section{margin:0 auto;max-width:600px;padding:2rem 1rem;width:100%}.contact-section h2{color:var(--heading-color);font-size:2.5rem;margin-bottom:2rem;text-align:center}.contact-buttons{display:flex;gap:2rem;justify-content:center;max-width:600px;width:100%}.contact-buttons .btn{align-items:center;background:#0000;border:2px solid var(--accent-color);border-radius:30px;color:var(--accent-color);cursor:pointer;display:flex;flex-direction:column;font-size:1.5rem;font-weight:600;gap:.75rem;justify-content:center;min-width:300px;padding:2rem 4rem;text-align:center;transition:background .3s,color .3s,transform .2s;white-space:nowrap}.contact-buttons .btn:hover{background:var(--accent-color);color:var(--bg-start);transform:scale(1.05)}.contact-buttons .btn-icon{height:64px;width:64px}@media (max-width:1153px){.contact-buttons{align-items:center;flex-direction:column;gap:1rem}}@media (max-width:768px){.contact-buttons{gap:.75rem;max-width:400px;width:90%}.contact-buttons .btn{font-size:clamp(1.2rem,3vw,1.4rem);min-width:auto;padding:clamp(1.8rem,4vw,2.2rem) clamp(1.5rem,5vw,2rem);width:100%}.contact-buttons .btn-icon{height:auto;width:clamp(40px,6vw,48px)}}@media (max-width:480px){.contact-buttons{gap:.5rem;max-width:350px;width:95%}.contact-buttons .btn{font-size:clamp(1rem,4vw,1.2rem);min-width:auto;padding:clamp(1.8rem,5vw,2.2rem) clamp(1rem,6vw,1.5rem)}.contact-buttons .btn-icon{height:auto;width:clamp(32px,8vw,40px)}}footer{background:var(--bg-end);border-top:1px solid #fff3;color:var(--text-color);font-size:.9rem;margin-top:2rem;padding:2rem 1rem;text-align:center}#root{animation:fadeInPage 2s ease-out forwards;opacity:0}@keyframes fadeInPage{to{opacity:1}}@media (max-width:768px){#root{animation:none;opacity:1}}:root{--accent-color:#64fcf2;--bg-start:#1a2a3a;--bg-end:#283b50;--card-bg:#ffffff1a;--card-bg-hover:#ffffff26;--text-color:#c5c6c7;--heading-color:#fff}body,html{overflow-x:hidden;overscroll-behavior:none}body,html{scroll-behavior:smooth}body{background:repeating-linear-gradient(45deg,#ffffff0d,#ffffff0d 1px,#0000 0,#0000 20px),repeating-linear-gradient(-45deg,#ffffff0d,#ffffff0d 1px,#0000 0,#0000 20px),linear-gradient(135deg,#1a2a3a,#283b50);background:repeating-linear-gradient(45deg,#ffffff0d 0,#ffffff0d 1px,#0000 1px,#0000 20px),repeating-linear-gradient(-45deg,#ffffff0d 0,#ffffff0d 1px,#0000 1px,#0000 20px),linear-gradient(135deg,var(--bg-start),var(--bg-end));background-blend-mode:overlay;color:#c5c6c7;color:var(--text-color);font-family:Poppins,sans-serif;margin:0;padding:0}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--card-bg);border-radius:16px;box-shadow:0 8px 32px #0000004d;padding:2rem;transition:transform .3s,background .3s}.card:hover{background:#ffffff26;background:var(--card-bg-hover);transform:translateY(-5px)}h1,h2{-webkit-text-stroke:1px #000000b3;font-weight:800;text-shadow:1px 1px 0 #0009,-1px 1px 0 #0009,1px -1px 0 #0009,-1px -1px 0 #0009}h1,h2,section h2{color:#fff;color:var(--heading-color)}section h2{font-size:2.5rem;margin-bottom:2rem;text-align:center}
/*# sourceMappingURL=main.d1f47e82.css.map*/