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}html{scroll-behavior:smooth}body{background-color:#f4f4f4;box-sizing:border-box;color:#333;font-family:Open Sans,sans-serif;margin:0;padding:0}.App{margin:0 auto;max-width:1200px;padding-left:20px;padding-right:20px;text-align:center}section{background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000001a;margin-bottom:30px;padding:40px 20px}h2{color:#007bff;margin-bottom:20px}h1,h2,h3{font-family:Montserrat,sans-serif}.navbar{align-items:center;background-color:#fff;border-bottom-left-radius:20px;border-bottom-right-radius:20px;box-shadow:0 2px 10px #0000000d;display:flex;justify-content:space-between;padding:20px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar-left,.navbar-right{align-items:center;display:flex;gap:15px}.navbar-left .brand-name{color:#007bff;cursor:pointer;font-family:Montserrat,sans-serif;font-size:1.8em;font-weight:700;letter-spacing:-.5px}.navbar-left .brand-name:hover{color:#0056b3}.navbar-left .icon{color:#6c757d;cursor:pointer;font-size:2em}.navbar-nav a{border-radius:8px;color:#343a40;font-weight:500;padding:10px 15px;text-decoration:none;transition:color .3s ease,background-color .3s ease}.navbar-nav a.active,.navbar-nav a:hover{background-color:#e0f7fa;color:#007bff}.navbar-buttons .btn{border:none;border-radius:25px;cursor:pointer;font-weight:600;padding:10px 20px;transition:background-color .3s ease,color .3s ease}.navbar-buttons .btn-primary{background-color:#007bff;color:#fff}.navbar-buttons .btn-secondary{background-color:#e9ecef;color:#343a40}.navbar-buttons .btn:hover{opacity:.9}header{align-items:center;background:linear-gradient(135deg,#e0f7fa,#c8e8f8);border-radius:20px;box-shadow:0 8px 30px #0000001a;display:flex;justify-content:space-between;margin:5px auto;max-width:1300px;min-height:500px;overflow:hidden;padding:80px 40px;position:relative}.hero-content{max-width:60%;padding-right:30px;text-align:left;z-index:2}.hero-content .greeting{color:#007bff;font-size:1.3em;font-weight:600;margin-bottom:10px}.hero-content h1{color:#343a40;font-size:5em;font-weight:800;line-height:1.1;margin-bottom:10px}.hero-content h2{color:#0056b3;font-size:2.5em;font-weight:600;margin-bottom:25px}.hero-content p{color:#495057;font-size:1.25em;line-height:1.7;margin-bottom:40px;max-width:90%}.hero-buttons{display:flex;gap:15px;margin-top:30px}.hero-btn{border-radius:30px;font-size:1.1em;font-weight:700;padding:15px 35px;text-decoration:none;transition:all .3s ease}.hero-btn.btn-primary{background-color:#007bff;box-shadow:0 4px 15px #007bff33;color:#fff}.hero-btn.btn-primary:hover{background-color:#0056b3;box-shadow:0 6px 20px #007bff4d;transform:translateY(-3px)}.hero-btn.btn-secondary{background-color:#f0f2f5;border:2px solid #ced4da;color:#343a40}.hero-btn.btn-secondary:hover{background-color:#e2e6ea;box-shadow:0 4px 10px #0000001a;transform:translateY(-3px)}.hero-image-container{align-items:flex-end;bottom:0;display:flex;height:auto;position:absolute;right:-20px;width:480px;z-index:1}.hero-image{filter:drop-shadow(0 10px 20px rgba(0,0,0,.15));height:auto;object-fit:contain;width:100%}#about{align-items:flex-start;background-color:#fff;border-radius:20px;box-shadow:0 4px 20px #0000000d;display:flex;flex-wrap:wrap;justify-content:center;margin-top:40px;padding:60px 40px}#about h2{color:#343a40;font-size:2.5em;margin-bottom:30px;text-align:left;width:100%}.about-content{flex:3 1;min-width:300px;padding-right:40px}.about-content p{color:#495057;font-size:1.1em;line-height:1.8}.skills-section{display:flex;flex:2 1;flex-direction:column;gap:20px;margin-top:20px;min-width:280px}.skills-list,.tools-list{background-color:#f8f9fa;border-radius:15px;box-shadow:0 2px 10px #00000008;padding:25px}.skills-list h3,.tools-list h3{color:#343a40;font-size:1.8em;margin-bottom:20px;margin-top:0}.skill-tag{background-color:#e6f7ff;border-radius:20px;color:#007bff;display:inline-block;font-size:.9em;margin:5px;padding:8px 15px;transition:background-color .2s ease}.skill-tag:hover{background-color:#cef}.tool-card{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:10px;padding:15px 20px;text-align:left;transition:transform .2s ease}.tool-card:hover{transform:translateX(5px)}.tool-card .icon{color:#007bff;font-size:2.5em;margin-right:15px}.tool-card-content h4{color:#343a40;font-size:1.2em;margin:0}.tool-card-content p{color:#6c757d;font-size:.85em;margin:0}.about-grid-container{align-items:flex-start;display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between}.about-left-column{flex:3 1;min-width:300px}.what-i-do-section{margin-top:50px;text-align:left}.what-i-do-section h3{color:#343a40;font-size:2em;margin-bottom:25px;position:relative}.what-i-do-section h3:after{background-color:#007bff;border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:60px}.what-i-do-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px}.what-i-do-card{background-color:#fff;border:1px solid #eee;border-radius:15px;box-shadow:0 5px 15px #00000014;padding:25px;text-align:left;transition:transform .3s ease,box-shadow .3s ease}.what-i-do-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-5px)}.what-i-do-card h4{color:#343a40;font-size:1.5em;margin-bottom:10px;margin-top:15px}.what-i-do-card p{color:#6c757d;font-size:.95em;line-height:1.6}.what-i-do-icon{color:#007bff;font-size:3.5em;margin-bottom:10px}#about ul{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;list-style:none;margin-top:15px;padding:0}#about li{background-color:#e9ecef;border-radius:20px;font-size:.9em;padding:8px 15px}#projects{background-color:#f8f9fa;border-radius:20px;box-shadow:0 4px 20px #0000000d;margin-top:40px;padding:60px 40px;text-align:center}#projects h2{color:#343a40;margin-bottom:20px;position:relative;text-align:left}#projects h2:after{background-color:#007bff;border-radius:2px;bottom:-8px;content:"";height:4px;left:0;position:absolute;width:80px}#projects p{color:#6c757d;font-size:1.1em;margin-bottom:40px;text-align:left}.projects-carousel-container{margin:0 auto;max-width:1200px}.carousel-slide-group{align-items:stretch;box-sizing:border-box;display:flex;gap:30px;justify-content:center;padding:10px}.project-card-item{background-color:#fff;border-radius:15px;box-shadow:0 8px 25px #0000001a;display:flex;flex:1 1;flex-direction:column;max-width:400px;min-width:250px;overflow:hidden;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.project-card-item:hover{box-shadow:0 12px 30px #00000026;transform:translateY(-5px)}.project-image-wrapper{overflow:hidden;padding-bottom:135%;position:relative;width:100%}.project-image{display:block;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.project-info{box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;padding:25px 30px;text-align:left;width:100%}.project-info h3{font-size:2em;margin-bottom:12px}.project-info p{color:#555;flex-grow:1;line-height:1.7;margin-bottom:20px;text-align:left}.project-technologies{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.tech-tag{background-color:#e9f5ff;border-radius:20px;color:#007bff;font-size:.85em;font-weight:600;padding:6px 12px}.project-links{display:flex;gap:15px;margin-top:auto}.project-btn{align-items:center;border-radius:25px;display:inline-flex;font-size:.95em;font-weight:600;justify-content:center;padding:10px 25px;text-decoration:none;transition:all .3s ease}.project-btn.btn-primary{background-color:#007bff;box-shadow:0 3px 10px #007bff33;color:#fff}.project-btn.btn-primary:hover{background-color:#0056b3;box-shadow:0 5px 15px #007bff4d;transform:translateY(-2px)}.project-btn.btn-secondary{background-color:#f0f2f5;border:1px solid #ced4da;color:#343a40}.project-btn.btn-secondary:hover{background-color:#e2e6ea;box-shadow:0 3px 8px #0000001a;transform:translateY(-2px)}.carousel .slide{background:none!important;display:block}.carousel .control-arrow.control-next,.carousel .control-arrow.control-prev{background:rgba(61,177,255,.863)!important;border-radius:50%;bottom:400px!important;height:60px;opacity:.8;position:absolute!important;top:auto!important;transform:none!important;transition:opacity .3s ease;width:60px;z-index:99!important}.carousel .control-arrow.control-next:hover,.carousel .control-arrow.control-prev:hover{background:#000c!important;opacity:1}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff!important}.carousel .control-next.control-arrow:before{border-left:8px solid #fff!important}.carousel .control-dots{bottom:80px!important;margin-top:20px;position:absolute!important}.carousel .control-dots .dot{background:#bbb!important;box-shadow:none!important;height:12px;margin:0 5px;opacity:.7;transition:all .3s ease;width:12px}.carousel .control-dots .dot.selected{background:#007bff!important;opacity:1;transform:scale(1.2)}.view-more-button{background-color:#007bff;border-radius:25px;color:#fff;display:block;font-weight:600;margin:40px auto 0;padding:12px 30px;text-decoration:none;transition:background-color .3s ease;width:-webkit-fit-content;width:fit-content}.view-more-button:hover{background-color:#0056b3}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:30px}.project-card{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;padding:20px;text-align:left;transition:transform .3s ease}.project-card:hover{box-shadow:0 5px 15px #0000001a}.project-card img{border-radius:4px;margin-bottom:15px;max-width:100%}.project-card h3{color:#007bff;margin-top:0}.project-card .tech-tag{background-color:#007bff;border-radius:5px;color:#fff;display:inline-block;font-size:.8em;margin-bottom:5px;margin-right:5px;padding:5px 10px}.project-card .features-list{font-size:.95em;list-style:disc;margin-left:20px;margin-top:10px}.project-links a{border-radius:5px;margin-top:15px;padding:8px 15px}#projects h2{font-size:2.8em;margin-bottom:30px;text-align:center}.projects-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:20px}.project-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.project-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-5px)}.project-card img{display:block;height:auto;width:100%}.project-info{padding:25px}.project-info h3{color:#343a40;font-size:1.8em;margin-bottom:10px;margin-top:0}.project-info p{color:#6c757d;font-size:1em;line-height:1.6}.project-info .technologies,.project-info p{margin-bottom:15px}.project-info .tech-tag{background-color:#e0f7fa;border-radius:6px;color:#00acc1;display:inline-block;font-size:.85em;margin-bottom:8px;margin-right:8px;padding:6px 12px}.project-links a{background-color:#007bff;border-radius:6px;color:#fff;display:inline-block;font-size:.95em;margin-right:10px;padding:10px 20px;text-decoration:none;transition:background-color .3s ease}.project-links a:hover{background-color:#0056b3}#contact{background-color:#f0f2f5;border-radius:20px;box-shadow:0 4px 20px #0000000d;margin-top:40px;padding:60px 10px;text-align:center}#contact h2{color:#343a40;font-size:2.8em;margin-bottom:40px;position:relative;text-align:center}#contact h2:after{background-color:#007bff;border-radius:2px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.contact-container{align-items:flex-start;display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin-top:30px}.contact-info{background-color:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;flex:1 1;min-width:300px;padding:30px;text-align:center}.contact-intro{color:#555;font-size:1.1em;line-height:1.7;margin-bottom:25px}.contact-details p{align-items:center!important;color:#343a40;display:flex;font-size:.9em;margin-bottom:10px;margin:auto!important;text-align:center!important}.contact-details{margin:auto;width:-webkit-fit-content;width:fit-content}.contact-details a{color:#007bff;text-decoration:none;transition:color .3s ease}.contact-details a:hover{color:#0056b3;text-decoration:underline}.contact-icon{color:#007bff;font-size:1.5em;margin-right:10px}.social-links{display:flex;gap:20px;justify-content:center;margin-top:30px}.social-icon{color:#6c757d;font-size:2.5em;transition:color .3s ease}.social-icon:hover{color:#007bff}.contact-form-wrapper{background-color:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;flex:1.5 1;min-width:350px;padding:30px;text-align:left}.contact-form-wrapper h3{color:#343a40;font-size:2em;margin-bottom:25px;margin-top:0;text-align:center}.contact-form .form-group{margin-bottom:20px}.contact-form label{color:#343a40;display:block;font-size:.95em;font-weight:600;margin-bottom:8px}.contact-form input[type=email],.contact-form input[type=text],.contact-form textarea{border:1px solid #ddd;border-radius:8px;font-size:1em;padding:12px 10px;transition:border-color .3s ease,box-shadow .3s ease;width:calc(100% - 20px)}.contact-form input[type=email]:focus,.contact-form input[type=text]:focus,.contact-form textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff40;outline:none}.contact-form textarea{resize:vertical}.contact-form .submit-button{background-color:#007bff;border:none;border-radius:10px;color:#fff;cursor:pointer;display:block;font-size:1.1em;font-weight:600;padding:15px;transition:background-color .3s ease,transform .2s ease;width:100%}.contact-form .submit-button:hover{background-color:#0056b3;transform:translateY(-2px)}.disqus-section{border-top:1px solid #e0e0e0;margin-top:60px;padding-top:40px;text-align:left}.disqus-section h3{color:#343a40;font-size:2em;margin-bottom:25px;position:relative;text-align:center}.disqus-section h3:after{background-color:#007bff;border-radius:2px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}footer{background-color:#2c3e50;border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 -4px 15px #0000001a;color:#ecf0f1;margin-top:80px;padding:30px 20px;text-align:center}.footer-content{align-items:center;display:flex;flex-direction:column;gap:15px;margin:0 auto;max-width:1200px}footer p{font-size:.95em;line-height:1.5;margin:0}.footer-social-links{display:flex;gap:25px;margin-top:10px}.footer-social-links a{color:#ecf0f1;font-size:1.8em;transition:color .3s ease,transform .2s ease}.footer-social-links a:hover{color:#007bff;transform:translateY(-3px)}.made-with{align-items:center;color:#bdc3c7;display:flex;font-size:.9em;margin-top:20px}.heart-icon{animation:pulse 1.5s infinite;color:#e74c3c;font-size:1.1em;margin:0 5px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (max-width:768px){.App{padding-left:15px;padding-right:15px}section{padding:30px 15px}.navbar-buttons,.navbar-nav{display:none}.navbar{padding:15px 20px}.navbar,.navbar-left{justify-content:center}.navbar-left{gap:15px;width:auto}}@media (max-width:992px){header{flex-direction:column;min-height:auto;padding:60px 30px;text-align:center}.hero-content{margin-bottom:40px;max-width:100%;padding-right:0}.hero-content h1{font-size:4em}.hero-content h2{font-size:2em}.hero-content p{font-size:1.1em;max-width:100%}.hero-buttons{justify-content:center}.hero-image-container{margin-top:30px;position:relative;right:auto;width:70%}}@media (max-width:576px){header{padding:40px 20px}.hero-content h1{font-size:2em}.hero-content h2{font-size:1.3em}.hero-content p{font-size:1em!important}.hero-buttons{flex-direction:column;gap:10px}.hero-btn{margin:0 auto;max-width:300px;padding:12px 25px;width:60%}.hero-image-container{margin:30px auto 0;width:100%}.hero-image{margin:auto;width:80%}}@media (max-width:992px){.about-grid-container{flex-direction:column;gap:30px}.about-left-column{flex:auto;min-width:0;min-width:auto}.skills-section{width:100%}#about{flex-direction:column;gap:30px}.about-content{margin-bottom:0;padding-right:0}}@media (max-width:576px){#about{justify-content:center;padding:30px 8px}#about h2{font-size:2em;text-align:center}#about h2:after{left:50%;transform:translateX(-50%)}.what-i-do-grid{grid-template-columns:1fr;justify-content:center}.what-i-do-card{padding:20px}.what-i-do-card h4{font-size:1.3em}.what-i-do-icon{font-size:3em}}@media (max-width:1199px){.carousel-slide-group{flex-wrap:wrap;justify-content:center}.project-card-item{flex-basis:calc(50% - 15px);max-width:calc(50% - 15px)}}@media (max-width:767px){#projects{padding:40px 20px}#projects h2{font-size:2.2em;text-align:center}#projects h2:after{left:50%;transform:translateX(-50%)}#projects p{text-align:center}.carousel-slide-group{align-items:center;flex-direction:column;gap:20px}.project-card-item{flex-basis:100%;max-width:400px}.project-image-wrapper{padding-bottom:110%}.project-info{padding:20px 25px}.project-info h3{font-size:1.6em}.project-info p{font-size:.9em}.project-links{flex-direction:column;gap:10px}.project-btn{margin:0 auto;max-width:250px;width:100%}.carousel .control-arrow.control-next,.carousel .control-arrow.control-prev{bottom:100px!important;height:45px;width:45px}.carousel .control-dots{bottom:30px!important}.carousel .control-dots .dot{height:10px;width:10px}.projects-grid{grid-template-columns:1fr}.project-card{padding:15px}.project-card img{height:200px;object-fit:cover}.project-info h3{font-size:1.5em}.project-info .tech-tag{font-size:.8em;padding:5px 10px}}@media (max-width:992px){.contact-container{align-items:center;flex-direction:column;gap:30px}.contact-form-wrapper,.contact-info{max-width:600px;min-width:0;min-width:auto;padding:25px;width:calc(100% - 40px)}#contact h2{font-size:2.2em}.contact-form-wrapper h3{font-size:1.8em}.contact-details p{font-size:.85em}.disqus-section h3{font-size:1.8em}}@media (max-width:576px){#contact{padding:40px 15px}.contact-form-wrapper,.contact-info{padding:20px;width:calc(100% - 30px)}.contact-details p{align-items:center!important;flex-direction:column;margin-bottom:15px;text-align:center!important}.contact-details p .contact-icon{margin-bottom:5px;margin-right:0}}@media (max-width:768px){footer{padding:20px 15px}.footer-content{gap:10px;padding:0}footer p{font-size:.85em}.footer-social-links{gap:15px}.footer-social-links a{font-size:1.5em}}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{background:none;border:0;cursor:pointer;filter:alpha(opacity=40);font-size:32px;opacity:.4;position:absolute;top:20px;transition:all .25s ease-in;z-index:2}.carousel .control-arrow:focus,.carousel .control-arrow:hover{filter:alpha(opacity=100);opacity:1}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{border-bottom:8px solid #0000;border-top:8px solid #0000;content:"";display:inline-block;margin:0 5px}.carousel .control-disabled.control-arrow{cursor:inherit;display:none;filter:alpha(opacity=0);opacity:0}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{box-sizing:border-box}.carousel img{display:inline-block;pointer-events:none;width:100%}.carousel .carousel{position:relative}.carousel .control-arrow{background:none;border:0;font-size:18px;margin-top:-13px;outline:0;top:50%}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{list-style:none;position:relative;transform:translateZ(0);transition:all .15s ease-in;white-space:nowrap}.carousel .thumb{border:3px solid #fff;display:inline-block;margin-right:6px;overflow:hidden;padding:2px;transition:border .15s ease-in;white-space:nowrap}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{margin:0;overflow:hidden;position:relative}.carousel.carousel-slider .control-arrow{bottom:0;color:#fff;font-size:26px;margin-top:0;padding:5px;top:0}.carousel.carousel-slider .control-arrow:hover{background:#0003}.carousel .slider-wrapper{margin:auto;overflow:hidden;transition:height .15s ease-in;width:100%}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{flex-direction:column}.carousel .slider{list-style:none;margin:0;padding:0;position:relative;width:100%}.carousel .slider.animated{transition:all .35s ease-in-out}.carousel .slide{margin:0;min-width:100%;position:relative;text-align:center}.carousel .slide img{border:0;vertical-align:top;width:100%}.carousel .slide iframe{border:0;display:inline-block;margin:0 40px 40px;width:calc(100% - 80px)}.carousel .slide .legend{background:#000;border-radius:10px;bottom:40px;color:#fff;font-size:12px;left:50%;margin-left:-45%;opacity:.25;padding:10px;position:absolute;text-align:center;transition:all .5s ease-in-out;transition:opacity .35s ease-in-out;width:90%}.carousel .control-dots{bottom:0;margin:10px 0;padding:0;position:absolute;text-align:center;width:100%;z-index:1}@media (min-width:960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{background:#fff;border-radius:50%;box-shadow:1px 1px 2px #000000e6;cursor:pointer;display:inline-block;filter:alpha(opacity=30);height:8px;margin:0 8px;opacity:.3;transition:opacity .25s ease-in;width:8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{filter:alpha(opacity=100);opacity:1}.carousel .carousel-status{color:#fff;font-size:10px;padding:5px;position:absolute;right:0;text-shadow:1px 1px 1px #000000e6;top:0}.carousel:hover .slide .legend{opacity:1}
/*# sourceMappingURL=main.65847431.css.map*/