body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:auto;width:100vw}*,body{font-family:Roboto,sans-serif}*{box-sizing:border-box}.App{height:auto;text-align:center;width:100%}.App-logo{height:40vmin;pointer-events:none;transition:transform .3s ease}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#0f0f0f;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh;padding:1rem}.App-link{color:#61dafb;text-decoration:none}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.body{align-items:center;background-color:#f0f0f0;color:#000;display:flex;height:100%;justify-content:center;margin:0;padding:0;transition:background-color .5s ease,color .5s ease}.dark-mode .body{background-color:#000;color:#fff}@media (max-width:768px){.App-logo{height:30vmin}.App-header{font-size:calc(8px + 3vmin);padding:2rem}.App-link{font-size:1.2rem}}@media (max-width:480px){.App-logo{height:25vmin}.App-header{font-size:calc(6px + 4vmin)}}:root{--nav-bg:#0000;--text-color:#fff;--hover-color:#00ff8c;--font-main:"Inter",sans-serif;--nav-padding:clamp(0.5rem,1vw + 0.5rem,1.5rem);--font-size:clamp(0.85rem,1vw + 0.6rem,1.1rem);--gap-size:clamp(0.8rem,2vw,2rem);--icon-size:clamp(20px,4vw,40px)}.navbar{background:#0000;background:var(--nav-bg);font-family:Inter,sans-serif;font-family:var(--font-main);justify-content:space-between;left:0;padding:clamp(.5rem,1vw + .5rem,1.5rem) calc(clamp(.5rem, 1vw + .5rem, 1.5rem)*1.5);padding:var(--nav-padding) calc(var(--nav-padding)*1.5);position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}.nav-links,.navbar{align-items:center;display:flex}.nav-links{gap:clamp(.8rem,2vw,2rem);gap:var(--gap-size);list-style:none;margin:0;padding:0}.nav-link{color:#fff;color:var(--text-color);font-size:clamp(.85rem,1vw + .6rem,1.1rem);font-size:var(--font-size);text-decoration:none;transition:color .3s ease}.nav-link:hover{color:#00ff8c;color:var(--hover-color)}.weather-info{align-items:center;color:#fff;color:var(--text-color);display:flex;font-size:clamp(.75rem,.8vw + .4rem,.95rem);gap:clamp(.25rem,1vw,.75rem);white-space:nowrap}.weather-icon{height:clamp(20px,4vw,40px);height:var(--icon-size);width:clamp(20px,4vw,40px);width:var(--icon-size)}.weather-details{align-items:center;display:flex;gap:clamp(.25rem,.8vw,.6rem)}.weather-temp{font-weight:700}.weather-desc{font-size:clamp(.7rem,.6vw + .4rem,.9rem);max-width:clamp(60px,20vw,120px);overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}@media (max-width:600px){.navbar{align-items:flex-start;flex-direction:column;gap:.5rem;padding:clamp(.5rem,1vw + .5rem,1.5rem);padding:var(--nav-padding)}.nav-links{flex-wrap:wrap;gap:.8rem}}.hero{box-sizing:border-box;color:#fff;justify-content:center;min-height:100vh;overflow:hidden;padding:clamp(1rem,2vw,3rem);position:relative;text-align:center}.hero,.hero-content{align-items:center;display:flex;flex-direction:column}.hero-content{animation:fadeInUp 1.8s ease-out both;max-width:900px;width:100%;z-index:1}.glitch-text{animation:colorShift 6s linear infinite,smoothAppear 1.8s ease-out both;background:linear-gradient(90deg,#09ccef,#18e9c3,#11c794,#00eaff);-webkit-background-clip:text;background-size:300%;font-size:clamp(1.4rem,4vw,2.5rem);font-weight:900;letter-spacing:clamp(1px,.4vw,3px);margin:0 auto}.glitch-text,.subtitle{-webkit-text-fill-color:#0000}.subtitle{animation:colorShift 6s linear infinite;background:linear-gradient(90deg,#08ddf5,#07cbf2);-webkit-background-clip:text;background-size:300%;font-size:clamp(1rem,2.3vw,1.4rem);font-weight:600;letter-spacing:clamp(.5px,.25vw,1.5px);margin-top:1rem;max-width:90%;opacity:.9}@keyframes smoothAppear{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes colorShift{0%{background-position:0}to{background-position:100%}}@media (max-width:600px){.hero{min-height:90vh;padding:1rem}.glitch-text{line-height:1.1;text-align:center}.subtitle{line-height:1.3;text-align:center}}.project-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));padding:2rem 0}.project-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,var(--secondary),#003459cc);border-radius:20px;box-shadow:0 15px 35px #0003;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:2rem;position:relative;transition:all .4s ease}.project-card h3{color:var(--primary);font-size:1.2rem;margin-bottom:1rem;text-align:left;transition:color .3s ease}.project-card h3 a{color:inherit;text-decoration:none}.project-card h3 a:hover{color:#00d4ff}.project-card p{color:#e8f1f2cc;font-size:1rem;line-height:1.5;margin-bottom:1.5rem;text-align:left}.project-card:before{background:linear-gradient(45deg,#0000,#00a8e81a,#0000);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .6s ease;width:100%}.project-card:hover{background:#00171fb3;box-shadow:0 15px 30px #0000004d;transform:translateY(-8px) scale(1.02)}.project-card:hover:before{transform:translateX(100%)}.project-tags{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.project-tag{background:#00a8e826;border-radius:12px;color:#00d4ff;font-size:.7em;padding:.5rem 1rem;transition:all .3s ease}.project-card:hover .project-tag{background:#00a8e833;transform:scale(1.1)}@media (max-width:768px){.project-grid{grid-template-columns:1fr}.project-card{padding:1rem}.project-card h3{font-size:1.1rem}.project-card p{font-size:.9rem}.project-tags{gap:.5rem}.project-tag{font-size:.8em}}.skills-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:1rem}.skill-column{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 15px 35px #0003;padding:2rem}.skill-column h3{color:var(--primary);font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.skill-list{display:flex;flex-direction:column;gap:1.5rem}.skill-item{align-items:flex-start;display:flex;gap:.3rem;overflow:hidden;padding:.5rem;position:relative;transition:all .4s ease;width:100%}.skill-item:before{background:linear-gradient(45deg,#0000,#00a8e81a,#0000);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .6s ease;width:100%}.skill-item:hover{background:#00171fb3;box-shadow:0 15px 30px #0000004d;transform:translateY(-8px) scale(1.02)}.skill-item:hover:before{transform:translateX(100%)}.skill-icon{align-items:center;border-radius:12px;display:flex;flex:0 0 60px;font-size:2rem;justify-content:center;padding:.5rem;transition:all .3s ease}.skill-item:hover .skill-icon{background:#00a8e833;transform:scale(1.1)}.skill-info{flex:1 1;min-width:0}.skill-info h4{font-size:1.1rem;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-info p{font-size:.7rem;line-height:1.4;margin-bottom:.75rem}@media (max-width:768px){.skills-grid{grid-template-columns:1fr}.skill-column{padding:1rem}.skill-column h3{font-size:1.4rem}.skill-info h4{font-size:1rem}.skill-info p{font-size:.8rem}.skill-icon{font-size:1.5rem}}.contact{color:#f1f1f1;padding:4rem 2rem;text-align:center}h2{color:#ff007f;font-size:3.5rem;margin-bottom:1.5rem}@media (max-width:768px){.contact{padding:3rem 1rem}h2{font-size:2.5rem;margin-bottom:1rem}}.social-links{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:.5rem}@media (max-width:768px){.social-links{gap:1rem;margin-top:1rem}}.social-icon{align-items:center;color:#f1f1f1;display:flex;font-size:1.2rem;font-weight:600;gap:.5rem;text-decoration:none;transition:color .3s ease,transform .3s ease}.social-icon:hover{color:#ff007f;transform:translateY(-5px)}.social-icon .social-name{font-size:2rem;font-weight:500}.social-icon.linkedin{color:#0077b5}.social-icon.facebook{color:#1877f2}.social-icon.instagram{color:#e4405f}.social-icon.twitter{color:#1da1f2}.social-icon.discord{color:#7289da}@media (max-width:768px){.social-icon{font-size:1rem}.social-icon .social-name{font-size:1.5rem}}.experience-content{margin:0 auto;max-width:1200px;padding:1rem;text-align:left}.experience-title{color:#25c62d;font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-align:left}@media (max-width:768px){.experience-title{font-size:2rem;text-align:center}}.experience-subtitle{color:#ccc;font-size:1.5rem;font-weight:400;margin-bottom:2rem;text-align:left}@media (max-width:768px){.experience-subtitle{font-size:1.2rem;text-align:center}}.experience-item{border-radius:2px;box-shadow:0 4px 8px #0000004d;margin-bottom:2rem;text-align:left;transition:transform .3s ease,box-shadow .3s ease;width:100%}.experience-item:hover{box-shadow:0 8px 16px #00000080;transform:translateY(-10px)}.experience-item h3{color:#61dafb;font-size:1.8rem;font-weight:600;text-align:left}@media (max-width:768px){.experience-item h3{font-size:1.5rem}}.experience-dates{color:#888;font-size:1rem;font-weight:400;margin-bottom:1rem;text-align:left}.responsibilities{list-style:none;margin:0;padding:0;text-align:left}.responsibilities li{color:#ddd;font-size:1rem;line-height:1.6;margin-bottom:.5rem;padding-left:1.5rem;position:relative}.responsibilities li:before{color:#ff007f;content:"•";font-size:1.2rem;left:0;position:absolute}.company-line{background-color:#50ec29;height:2px;margin:1.5rem 0}@media (max-width:768px){.experience-item{padding:1.5rem}.responsibilities li{font-size:.9rem}.company-line{margin:1rem 0}}.body{background-color:#000;color:inherit}html{scroll-behavior:smooth}h2{color:#51dc71;font-size:1.8rem;font-weight:700;letter-spacing:1px;margin:30px 0 20px;text-align:center;text-transform:uppercase}@media (max-width:768px){h2{font-size:2rem;margin:20px 0 15px}}h3{font-size:1.3rem;font-weight:700;margin:20px 0 10px;text-align:center}@media (max-width:768px){h3{font-size:1.1rem;margin:15px 0 8px}}body{background:#000;color:#fff;font-family:Space Mono,monospace;margin:0;overflow:scroll}canvas{left:0;top:0}.weather,canvas{position:absolute}
/*# sourceMappingURL=main.6e6a040a.css.map*/