body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:#131314;color:#fff;font-family:Arial,sans-serif;margin:0;text-align:center}.main-content{opacity:0;transition:opacity 1.2s ease-in}.main-content.fade-in{opacity:1}header{background:#131314;color:#fff;padding:60px 20px;text-align:center}header h1{font-size:3em;margin:0}header p{font-size:1.2em}.navbar{padding:10px 20px;text-align:center}.navbar ul{display:flex;justify-content:center;list-style:none;margin:0;padding:0}.navbar ul li{margin:0 15px}.navbar ul li a{color:#fff;text-decoration:none}section{background:#131314;color:#fff;padding:60px 20px;text-align:center}section h2{margin-top:0}footer{background:#131314;color:#fff;padding:20px;text-align:center}footer p{margin:0}.header{background:url(/static/media/your-image.bd3e5542af60ee2acbb1.jpg) no-repeat 50%/cover;color:#fff;padding:100px 20px;text-align:center}.header-content{margin:0 auto;max-width:600px}.header h1{font-size:3em}.header p{font-size:1.5em}@media (max-width:768px){.header{padding:60px 20px}.header h1{font-size:2em}.header p{font-size:1.1em}}.navbar{align-items:center;background:#333;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;justify-content:space-between;padding:1rem 2rem;position:fixed;width:100%;z-index:1000}.navbar-name{font-size:1.5rem;font-weight:700;text-align:left}.navbar-name a{color:#fff;text-decoration:none}.navbar-name{flex:1 1}.navbar-links{display:flex;flex:1 1;justify-content:center}.navbar-icons{align-items:center;display:flex;flex:1 1;gap:1.2rem;justify-content:flex-end;padding-right:3rem}.navbar-links ul{display:flex;gap:1.5em;justify-content:center;list-style:none;margin:0;padding:0}.navbar-links a{border-radius:5px;color:#fff;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s ease}.navbar-links a:hover{background-color:#555}.navbar .blog-link,.navbar .home-link{color:#fff;font-weight:700;text-transform:uppercase}.navbar-icons a{align-items:center;color:#fff;display:flex;font-size:1.4rem;transition:color .3s ease,transform .2s ease}.navbar-icons a:hover{color:#4a9eff;transform:translateY(-2px)}.hamburger{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:1.5rem;padding:.5rem;z-index:1001}@media (max-width:768px){.hamburger{display:block;position:absolute;right:.3rem;top:50%;transform:translateY(-50%)}.navbar{padding:1rem .3rem;position:relative}.navbar-name{font-size:1.2rem}.navbar-links{background:#333;box-shadow:2px 0 10px #0000004d;flex-direction:column;height:100vh;justify-content:flex-start;left:-160px;padding-top:80px;position:fixed;top:0;transition:left .3s ease;width:160px;z-index:1000}.navbar-links.active{left:0}.navbar-links ul{flex-direction:column;gap:0;width:100%}.navbar-links a,.navbar-links ul li{text-align:left;width:100%}.navbar-links a{display:block;font-size:.9em;padding:.9rem .8rem}.navbar-icons{background:#333;bottom:-100px;box-shadow:2px -2px 10px #0000004d;gap:1rem;justify-content:center;left:0;padding:1rem;position:fixed;transition:bottom .3s ease;width:160px;z-index:1000}.navbar-icons.active{bottom:0}.navbar-icons a{font-size:1.1rem}}.about{align-items:center;background:#131314;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.about h2{-webkit-text-fill-color:#0000;animation:shimmer 10s ease-in-out infinite;background:linear-gradient(90deg,#fff,#fff 30%,#4a9eff 50%,#fff 70%,#fff);background-clip:text;-webkit-background-clip:text;background-size:200% auto;display:inline-block;font-size:2.5em;margin-bottom:40px;text-align:center;width:100%}.about-content{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:1000px;position:relative}.about-image{border-radius:8px;height:auto;left:-220px;max-width:200px;position:absolute}.about-text-container{display:flex;justify-content:center;width:100%}.about-text{max-width:850px;text-align:justify;text-align-last:center;text-justify:inter-word}.about-text p{line-height:1.6}@media (max-width:768px){.about{padding:40px 15px}.about h2{font-size:2em;margin-bottom:30px}.about-text{max-width:100%;padding:0 10px}.about-text p{font-size:1em;line-height:1.7}}.experience{background:#131314;color:#fff;padding:0;text-align:center}.experience h2{-webkit-text-fill-color:#0000;animation:shimmer 10s ease-in-out infinite;background:linear-gradient(90deg,#fff,#fff 30%,#4a9eff 50%,#fff 70%,#fff);background-clip:text;-webkit-background-clip:text;background-size:200% auto;display:inline-block;font-size:2.5em;margin-bottom:40px;width:100%}.react-spring-3d-carousel .slider-container{align-items:center}.react-spring-3d-carousel .slider-content{align-items:center;display:flex;justify-content:center;width:100%}.react-spring-3d-carousel .slider-single{border:2px solid #fff;border-radius:10px;box-sizing:border-box;height:100%;overflow:hidden;width:100%}.react-spring-3d-carousel .slider-single img{border-radius:10px;height:200%;object-fit:cover;width:200%}.slide-content{align-items:center;display:flex;flex-direction:column}.slide-content img{border-radius:10px!important;overflow:hidden}.experience-text{color:#fff;text-align:center;width:100%}.experience-text h3{font-size:1.3em;margin:10px 0 5px;white-space:nowrap}.experience-text p{font-size:.9em;margin:0;overflow:hidden;padding:0 10px;text-overflow:ellipsis;white-space:nowrap}.carousel-wrapper{gap:20px;margin:0 auto;max-width:1000px}.carousel-nav-btn,.carousel-wrapper{align-items:center;display:flex;justify-content:center}.carousel-nav-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#4a9eff33;border:2px solid #4a9eff;border-radius:50%;box-shadow:0 4px 15px #4a9eff4d;color:#4a9eff;cursor:pointer;flex-shrink:0;font-size:2em;font-weight:700;height:50px;line-height:0;padding:0 0 4px;transition:all .3s ease;width:50px}.carousel-nav-btn:hover{background:#4a9eff;border-color:#6bb3ff;box-shadow:0 6px 25px #4a9eff99;color:#fff;transform:scale(1.15)}.carousel-nav-btn:active{box-shadow:0 2px 10px #4a9eff66;transform:scale(.95)}.carousel-nav-btn:focus{box-shadow:0 0 0 3px #4a9eff66;outline:none}@media (max-width:768px){.experience{padding:40px 10px}.experience h2{font-size:2em;margin-bottom:30px}.experience-carousel-container{width:90%!important}.react-spring-3d-carousel .slider-single{border:1px solid #fff}.experience-text h3{font-size:1.1em}.experience-text p{font-size:.75em;padding:0 5px}.carousel-wrapper{gap:10px;max-width:95%}.carousel-nav-btn{font-size:1.5em;height:40px;width:40px}}.projects{background:#131314;color:#fff;padding:80px 20px 60px}.projects h2{-webkit-text-fill-color:#0000;animation:shimmer 10s ease-in-out infinite;background:linear-gradient(90deg,#fff,#fff 30%,#4a9eff 50%,#fff 70%,#fff);background-clip:text;-webkit-background-clip:text;background-size:200% auto;display:inline-block;font-size:2.5em;margin-bottom:40px;text-align:center;width:100%}.projects-grid{display:flex;gap:30px;justify-content:center;margin:0 auto;max-width:1200px;padding:20px}.project-card{background:#1e1e1e;border-radius:12px;box-shadow:0 4px 6px #0000004d;max-width:500px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;width:100%}.project-card:hover{box-shadow:0 8px 16px #4a9eff33;transform:translateY(-5px)}.project-image-container{background:#2a2a2a;height:350px;overflow:hidden;width:100%}.project-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.project-card:hover .project-image{transform:scale(1.05)}.project-content{padding:25px}.project-content h3{color:#4a9eff;font-size:1.5em;margin-bottom:15px}.project-content p{color:#d4d4d4;line-height:1.6;margin-bottom:20px}.project-technologies{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.tech-tag{background:#2a2a2a;border:1px solid #4a9eff;border-radius:20px;color:#4a9eff;font-size:.85em;padding:6px 12px;transition:background .3s ease,transform .2s ease}.tech-tag:hover{background:#4a9eff;color:#fff;transform:scale(1.05)}.projects a{color:#4a9eff;text-decoration:none;transition:color .3s ease}.projects a:hover{color:#6bb3ff}@media (max-width:768px){.projects{padding:40px 15px}.projects h2{font-size:2em;margin-bottom:30px}.projects-grid{gap:20px;grid-template-columns:1fr;padding:10px}.project-image-container{height:200px}.project-content{padding:20px}.project-content h3{font-size:1.3em}}.skills{background:#131314;color:#fff;padding:60px 20px;text-align:center}.skills h2{-webkit-text-fill-color:#0000;animation:shimmer 10s ease-in-out infinite;background:linear-gradient(90deg,#fff,#fff 30%,#4a9eff 50%,#fff 70%,#fff);background-clip:text;-webkit-background-clip:text;background-size:200% auto;display:inline-block;font-size:2.5em;margin-bottom:50px;width:100%}@keyframes shimmer{0%{background-position:200%}30%{background-position:-200%}to{background-position:-200%}}.skills-container{display:flex;flex-direction:column;gap:40px;margin:0 auto;max-width:1200px}.skill-category{text-align:center}.category-title{color:#4a9eff;font-size:1.3em;font-weight:600;letter-spacing:1px;margin-bottom:15px;text-transform:uppercase}.skill-pills{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.skill-pill{background:linear-gradient(135deg,#2a2a2a,#3a3a3a);border:2px solid #0000;border-radius:50px;box-shadow:0 2px 8px #0003;color:#fff;cursor:pointer;font-size:.95em;font-weight:500;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.skill-pill:before{background:linear-gradient(90deg,#0000,#4a9eff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.skill-pill:hover:before{left:100%}.skill-pill:hover{background:linear-gradient(135deg,#4a9eff,#357abd);border-color:#4a9eff;box-shadow:0 8px 20px #4a9eff66;transform:translateY(-5px) scale(1.05)}.skill-pill:active{transform:translateY(-2px) scale(1.02)}@media (max-width:768px){.skills-container{padding:0 20px}.skill-category{text-align:center}.skill-pills{justify-content:center}.skill-pill{font-size:.9em;padding:10px 20px}}.footer{background:#131314;color:#fff;padding:20px;text-align:center}.blog{background-color:#131314;padding:80px 20px 20px;position:relative}.blog-content-wrapper{transition:filter .3s ease}.blog-content-wrapper.blurred{filter:blur(8px);pointer-events:none}.blog h1{color:#fff;font-size:2.5em;margin-bottom:40px;text-align:center}.blog-posts-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px;padding:0 20px}.blog-card{aspect-ratio:1/1;background:#333;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.blog-card-image{display:block;height:200px;margin:0 auto 20px;object-fit:contain;width:200px}.blog-card.collapsed{opacity:.5}.blog-card:hover{box-shadow:0 8px 16px #0000004d;transform:translateY(-5px)}.blog-card h2{word-wrap:break-word;color:#fff;font-size:1.3em;margin-bottom:10px;overflow-wrap:break-word}.blog-date{color:#d5caca;font-size:.9em;margin-bottom:15px}.blog-content{word-wrap:break-word;color:#d5caca;flex:1 1;font-size:1em;line-height:1.6;overflow-wrap:break-word;overflow-y:auto;padding:15px 0;white-space:pre-wrap}.blog-content p{margin-bottom:1em}.dropdown-indicator{background:#4a9eff;border-radius:50%;bottom:20px;height:12px;pointer-events:none;position:absolute;right:20px;transition:all .3s ease;width:12px}.blog-card:hover .dropdown-indicator{box-shadow:0 0 10px #4a9eff99;transform:scale(1.5)}.blog-overlay{animation:fadeIn .3s ease;background-color:#000000b3;z-index:1000}.blog-modal,.blog-overlay{height:100%;left:0;position:fixed;top:0;width:100%}.blog-modal{align-items:center;display:flex;justify-content:center;padding:20px;z-index:1001}.blog-modal-content{animation:slideUp .4s ease;background:#333;border-radius:10px;box-shadow:0 10px 40px #00000080;box-sizing:border-box;max-height:85vh;max-width:900px;overflow-y:auto;padding:30px;position:relative;width:90%}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2em;height:40px;justify-content:center;position:absolute;right:15px;top:15px;transition:background-color .2s ease;width:40px}.close-button:hover{background-color:#ffffff1a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.blog-posts-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.blog{padding:60px 15px}.blog h1{font-size:2em;margin-bottom:30px}.blog-posts-container{gap:20px;grid-template-columns:1fr;padding:0 10px}.blog-card{padding:15px}.blog-card-image{height:90px;margin-bottom:15px;width:90px}.dropdown-indicator{bottom:15px;height:10px;right:15px;width:10px}.blog-card h2{font-size:1.1em}.blog-date{font-size:.85em}.blog-modal{align-items:flex-start;padding:0}.blog-modal-content{border-radius:8px;box-sizing:border-box;margin:10px;max-height:95vh;max-width:calc(100vw - 20px);padding:50px 20px 20px;width:calc(100vw - 20px)}.blog-modal-content h2{word-wrap:break-word;font-size:1.3em;padding-right:30px}.blog-content{font-size:.95em}.blog-content,.blog-content p{word-wrap:break-word;overflow-wrap:break-word}.close-button{font-size:1.8em;right:10px;top:10px}.typewriter-subtitle{font-size:1em}}.loading-screen{align-items:center;background:#000;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:1;position:fixed;top:0;transition:opacity .8s ease-out;width:100%;z-index:9999}.loading-screen.fade-out{opacity:0;pointer-events:none}.typewriter-container{text-align:center}.typewriter-text{color:#fff;font-family:Courier New,monospace;font-size:4em;font-weight:700;letter-spacing:2px;margin:0}.cursor{color:#4a9eff;opacity:0;transition:opacity .1s}.cursor.visible{opacity:1}.typewriter-subtitle{animation:fadeInSubtitle .5s ease-in forwards;color:#4a9eff;font-family:Courier New,monospace;font-size:1.5em;letter-spacing:3px;margin-top:20px;text-transform:uppercase}@keyframes fadeInSubtitle{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.typewriter-text{font-size:2.5em;letter-spacing:1px}.typewriter-subtitle{font-size:1em;letter-spacing:2px}}
/*# sourceMappingURL=main.d98cf725.css.map*/