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:#121212;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:#1e1e1e;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:#1e1e1e;color:#fff;padding:60px 20px;text-align:center}section h2{margin-top:0}footer{background:#1e1e1e;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:#1e1e1e;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.about h2{font-size:2.5em;margin-bottom:40px;text-align:center}.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:#1e1e1e;color:#fff;padding:0;text-align:center}.experience h2{font-size:2.5em;margin-bottom:40px}.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}@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.2em}.experience-text p{font-size:.9em}}.projects{background:#1e1e1e;color:#fff;padding:60px 20px}.projects h2{font-size:2.5em;margin-bottom:40px;text-align:center}.projects div{margin:0 auto;max-width:800px;text-align:left}.projects a{color:#36454f}@media (max-width:768px){.projects{padding:40px 15px}.projects h2{font-size:2em;margin-bottom:30px}.projects div{max-width:100%;padding:0 10px}}.skills{background:#1e1e1e;color:#fff;padding:60px 20px;text-align:center}.skills h2{font-size:2.5em;margin-bottom:50px}.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:#1e1e1e;color:#fff;padding:20px;text-align:center}.blog{background-color:#1e1e1e;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.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}.blog-teaser{word-wrap:break-word;-webkit-line-clamp:4;-webkit-box-orient:vertical;color:#d5caca;display:-webkit-box;flex:1 1;font-size:.95em;line-height:1.5;overflow:hidden;overflow-wrap:break-word;padding:15px 0}.dropdown-indicator{bottom:15px;color:#fff;font-size:1.2em;pointer-events:none;position:absolute;right:15px}.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 h2{font-size:1.1em}.blog-date{font-size:.85em}.blog-teaser{font-size:.9em}.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.a26ba2dd.css.map*/