@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap);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;transition:background-color .3s ease,color .3s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#32cd32;--dark-bg:#1a1a1a;--darker-bg:#121212;--text-color:#fff;--text-muted:#ffffffb3}body{color:var(--text-color);font-family:sans-serif;overflow-x:hidden;padding:0}body,header.header{background-color:#1a1a1a;background-color:var(--dark-bg)}header.header{border-bottom:1px solid #ffffff14;height:80px;left:0;position:fixed;top:0;transition:all .4s cubic-bezier(.16,1,.3,1);width:100%;z-index:1000}header.header.active{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#1a1a1af2;height:70px}.container.d_flex{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:1440px;padding:0 40px}.name-container{margin-right:auto;z-index:1001}.sub-title{color:#fff;color:var(--text-color);font-size:1.5rem;font-weight:700;letter-spacing:1px;margin:0;transition:all .3s ease}.sub-title span{color:#32cd32;color:var(--primary-color)}.desktop-nav{margin-left:60px;margin-right:40px}.link.f_flex.uppercase{display:flex;gap:30px;list-style:none;margin:0;padding:0}.link.f_flex.uppercase li a{color:#fff;color:var(--text-color);font-size:.85rem;font-weight:500;letter-spacing:1px;padding:8px 0;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.link.f_flex.uppercase li a:before{background-color:#32cd32;background-color:var(--primary-color);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .4s cubic-bezier(.16,1,.3,1);width:0}.link.f_flex.uppercase li a:hover:before{width:100%}.button-group{display:flex;gap:16px;pointer-events:none;position:fixed;right:20px;top:15px;transition:right .4s ease;z-index:1002}.header.menu-open .button-group{right:70px}.home-btn.mode-btn{align-items:center;background:#ffffff0d;border:none;border-radius:50%;color:#fff;color:var(--text-color);display:flex;font-size:1.2rem;height:43px;justify-content:center;pointer-events:auto;transition:all .3s ease;width:43px;z-index:1003}.home-btn.mode-btn:hover{background:#32cd3233;color:#32cd32;color:var(--primary-color)}.toggle{align-items:center;background:#0000;border:none;color:#fff;color:var(--text-color);cursor:pointer;display:none;font-size:1.4rem;height:44px;justify-content:center;pointer-events:auto;width:44px;z-index:1002}.header.menu-open .toggle{display:none!important}.nav-links-mobile{background-color:#121212;background-color:var(--darker-bg);box-sizing:border-box;display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;padding:120px 40px 60px;position:fixed;top:0;transform:translateX(100%);transition:transform .6s cubic-bezier(.16,1,.3,1);width:100%;z-index:999}.nav-links-mobile.active{transform:translateX(0)}.mobile-menu-header{align-items:center;display:flex;height:44px;position:fixed;right:20px;top:15px;z-index:1002}.esc-button{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;color:var(--text-color);cursor:pointer;display:flex;font-size:1.2rem;height:45px;justify-content:center;width:45px;z-index:1003}.esc-button:hover{background:#32cd32;background:var(--primary-color);color:#000}.mobile-nav-list{display:flex;flex-direction:column;gap:15px;list-style:none;margin:0;padding:0}.mobile-nav-list li a{align-items:center;color:#fff;color:var(--text-color);display:flex;font-size:2rem;font-weight:500;gap:15px;opacity:0;padding:12px 0;text-decoration:none;transform:translateX(20px);transition:all .3s ease}.nav-links-mobile.active .mobile-nav-list li a{opacity:1;transform:translateX(0)}.nav-item-number{color:#32cd32;color:var(--primary-color);font-size:1rem;font-weight:400}.nav-item-label{position:relative}.nav-item-label:after{background-color:#32cd32;background-color:var(--primary-color);bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .4s cubic-bezier(.16,1,.3,1);width:0}.mobile-nav-list li a:hover .nav-item-label:after{width:100%}.mobile-nav-list li:first-child a{transition-delay:.1s}.mobile-nav-list li:nth-child(2) a{transition-delay:.2s}.mobile-nav-list li:nth-child(3) a{transition-delay:.3s}.mobile-nav-list li:nth-child(4) a{transition-delay:.4s}.mobile-nav-list li:nth-child(5) a{transition-delay:.5s}.mobile-nav-list li:nth-child(6) a{transition-delay:.6s}.mobile-nav-list li:nth-child(7) a{transition-delay:.7s}@media (max-width:1024px){.container.d_flex{padding:0 30px}.desktop-nav{margin-left:40px;margin-right:30px}.link.f_flex.uppercase{gap:20px}}@media (max-width:768px){.desktop-nav{display:none}.toggle{display:flex}.button-group{right:70px}.header.menu-open .button-group{right:110px}.nav-links-mobile{padding:100px 30px 40px}.mobile-nav-list li a{font-size:1.8rem}}@media (max-width:480px){header.header{height:70px}.container.d_flex{padding:0 20px}.sub-title{font-size:1.3rem}.nav-links-mobile{padding:80px 20px 30px}.mobile-nav-list li a{font-size:1.5rem}.nav-item-number{font-size:.9rem}.button-group{right:15px}.header.menu-open .button-group{right:70px}.esc-button,.home-btn,.toggle{font-size:1.1rem;height:40px;width:40px}}.features .box{width:100%}.features .box h2{margin:20px 0}.features .box p{transition:.5s;word-spacing:2px}.features .box i{font-size:30px;left:10%;margin-top:20px;opacity:0;transition:.5s}.features .box:hover{background:linear-gradient(#000,green)}.features .box:hover p{color:#fff}.features .box:hover i{color:#fff;opacity:1}@media(max-width:768px){.features .box{margin-left:10px;padding:5%}}.features .heading h4{color:gray}.hero{position:relative}.hero h3{color:#fff;font-weight:100;letter-spacing:2px}.hero h1{color:#fff;font-size:60px;font-weight:700}.hero h1 span{color:#32cd32}.hero h2{color:#008b00b7;font-size:20px;font-weight:700}.hero h2 span{color:#2bff00bd}.hero p{color:#d3d3d3;font-size:18px;line-height:30px;margin-top:30px}.hero_btn{display:inline-table;margin-top:10%}.hero_btn h4{color:#585858;font-size:15px;font-weight:700;letter-spacing:2px;margin:30px 0}.hero_btn button{background-color:#000;border:2px solid #585858;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;margin-right:10px;margin-top:10px;padding:10px 20px;transition:all .3s ease}.hero_btn button:hover{background-color:#fff;color:#000}.hero_btn i{color:#32cd32;font-size:150%}.hero_btn button img{height:20px;width:20px}.hero .left{margin-right:10%}.hero .right{position:relative;width:40%}.hero .right_img{animation:profile__animate 8s ease-in-out 1s infinite;background:#000;border-radius:20px;box-shadow:10px 10px 30px #00000080;height:400px;overflow:hidden;position:relative;width:400px}.hero .right_img img{animation:img_animate 8s ease-in-out 1s infinite;border-radius:20px;box-shadow:0 4px 15px #00000080;height:100%;object-fit:cover;width:100%}@keyframes profile__animate{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}@keyframes img_animate{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}body.light-mode .hero h1,body.light-mode .hero h3,body.light-mode .hero p{color:#000}body.light-mode .hero h2{color:#007bff}body.light-mode .hero h2 span{color:#0056b3}body.light-mode .hero_btn h4{color:#007bff}body.light-mode .hero_btn button{background-color:#fff;border:2px solid #007bff;color:#000}body.light-mode .hero_btn button:hover{background-color:#007bff;color:#fff}body.light-mode .hero_btn i{color:#007bff}body.light-mode .hero .right_img{background:#fff;box-shadow:10px 10px 30px #0003}body.light-mode .hero .right_img img{box-shadow:0 4px 15px #0003}@media (max-width:768px){.hero .left,.hero .right{margin-left:20px;width:100%}.hero .f_flex{flex-direction:column;flex-direction:column-reverse}.hero .right_img{height:54vh;width:100%}.hero-left,.hero-right{flex-basis:100%}}.Portfolio,.Portfolio .box{position:relative}.Portfolio .box{border-radius:10px}.Portfolio .box:hover{background:linear-gradient(green,#000);transform:translateY(0)}.Portfolio.full-page{background:#000;height:100%;left:0;overflow-y:auto;position:fixed;top:0;width:100%;z-index:9999}.Portfolio.full-page .container{margin:0 auto;max-width:1200px}.Portfolio .content.grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:20px 0}.Portfolio .img{height:auto;overflow:hidden;transition:.5s}.Portfolio img{border-radius:10px;transition:.5s;width:100%}.Portfolio .box .img:hover img{transform:scale(1.2)}.Portfolio .category{margin:20px 0 30px;text-transform:uppercase}.Portfolio .category span{color:#adff2f;font-size:13px;font-weight:500;letter-spacing:2px}.Portfolio .arrow{bottom:11%;color:#adff2f;opacity:0;position:absolute;right:30px;transform:rotate(-45deg);transition:.5s}.Portfolio .title:hover .arrow{opacity:1}.Portfolio h2{font-size:18px;padding-bottom:30px;transition:.5s}.Portfolio .box:hover h2{color:#adff2f}.Portfolio .box:hover{color:#fff}.load-more{align-items:center;display:flex;justify-content:center;margin-top:20px}.text-center button{background:orange;border:none;border-radius:10px;color:#000;cursor:pointer;font-size:16px;padding:20px 150px;transition:background-color .3s ease}.load-more button:hover{background-color:green}body.active-modal{overflow-y:hidden}.btn-modal{display:block;font-size:18px;margin:100px auto 0;padding:10px 20px}.modal,.overlay{bottom:0;height:100vh;left:0;position:fixed;right:0;top:0;width:100vw;z-index:9999}.overlay{background-color:#000}.modal-content{background-color:#2b2b2b;border-radius:3px;border-radius:10px;box-shadow:4px 4px 8px #adff2f,-4px -4px 8px #686868;left:8%;line-height:1.4;max-width:85%;min-width:60%;padding:50px;position:absolute;top:12%;z-index:9999}.modal-text{padding:0 100px 0 50px}.modal-text h1{font-size:30px;margin:20px 0}.modal-text p{color:#adff2f;font-size:17px;line-height:25px;margin-bottom:20px}.modal-text button{color:#adff2f;margin-right:20px}.modal-text button i{margin-left:10px}.modal-text button.close-modal{border-radius:50%;font-size:20px;height:50px;padding:0;position:absolute;right:10px;text-align:center;top:10px;width:50px}.modal-text button.close-modal i{margin:0}@media (max-width:768px){.modal,.overlay{overflow:scroll}.modal .modal-img{margin:50px 0}.modal-content{flex-direction:column}.modal .left,.modal .right{padding:0}.Portfolio .img{height:20vh}}.Portfolio .heading h4{color:gray}.Resume .heading h1{font-size:40px}.Resume .content{margin:auto;max-width:85%}.Resume .box{padding:40px}.Resume hr{background-color:#e3e9ed;border:1px solid #e3e9ed;margin:30px 0}.Resume .rate .btn_shadow{color:blue;font-weight:700;padding:15px 30px;transition:.5s}.Resume p{font-size:18px;transition:.5s}.Resume .box{background:#000;margin-bottom:40px;position:relative}.Resume .btn_shadow:hover{transform:translate(0)}.Resume .box:hover .btn_shadow{background:blue;box-shadow:none;color:#fff}.Resume .box:hover{background:linear-gradient(#000,gray)}.Resume .box:hover p{color:#fff}.Resume .content-section,.Resume .left{position:relative}.Resume .left:after{height:100%;left:0;top:0;width:5px}.Resume .box:after,.Resume .left:after{background:#d9dee2;content:"";position:absolute;z-index:-1}.Resume .box:after{height:5px;left:-8%;top:50%;transform:translateY(-50%);width:50px}.Resume .box:before{background:#fff;border:5px solid #d9dee2;border-radius:50%;content:"";height:10px;left:-10%;position:absolute;top:50%;transform:translateY(-50%);transition:background .5s ease;width:10px;z-index:0}.Resume .box:hover:before{background:#adff2f}@media (max-width:768px){.Resume .d_flex{flex-direction:column}.Resume .left:after{height:90%;top:10%}}.Skill{height:100%;margin-bottom:50px}.sub-title span{color:#a000e7}.container1{height:100%;margin-left:10px;padding:75px 0;width:500px}.heading1{margin-bottom:50px;text-align:center;text-decoration:underline;text-decoration-thickness:5px;text-underline-offset:10px}body{align-items:center;background-color:#f9f9f9;display:flex;font-family:Arial,sans-serif;justify-content:center;margin:0;min-height:100vh}.call-to-action{text-align:center}.call-to-action h2{color:orange;font-size:2rem;margin-bottom:1rem}#resume-button{background:#0000;border:2px dashed #a000e7;border-radius:5px;color:#a000e7;cursor:pointer;font-size:1rem;font-weight:700;padding:.75rem 1.5rem;transition:all .3s ease}#resume-button:hover{background-color:#adff2f;color:#000;transform:scale(1.05)}.bar{font-size:23px}.Technical-bars .bar{margin:40px 0}.Technical-bars .bar:first-child{margin-top:0}.Technical-bars .bar:last-child{margin-bottom:0}.Technical-bars .bar .info{margin-bottom:5px}.Technical-bars .bar .info span{animation:showText .5s linear 1s forwards;font-size:17px;font-weight:500;opacity:0}.Technical-bars .bar .progress-line{animation:animate .2s cubic-bezier(1,0,.5,1) forwards;background-color:#fff;border-radius:10px;height:10px;position:relative;transform:scaleX(0);transform-origin:left;width:100%}@keyframes animate{to{transform:scaleX(1)}}.Technical-bars .bar .progress-line span{animation:animate 1s cubic-bezier(1,0,.5,1) 1s forwards;background-color:orange;border-radius:10px;height:100%;position:absolute;transform:scaleX(0);transform-origin:left}.progress-line.html span{width:50%}.progress-line.arduino span{width:90%}.progress-line.raspberrypi span{width:65%}.progress-line.solidworks span{width:60%}.progress-line.altium span{width:70%}.progress-line.matlab span{width:30%}.progress-line.c span{width:85%}.progress-line.python span{width:80%}.progress-line span:after{animation:showText .5s linear 1.5s forwards;border-radius:3px;color:#fff;font-size:12px;opacity:0;padding:1px 8px;position:absolute;right:0;top:-28px}.progress-line.arduino span:after{content:"90%"}.progress-line.raspberrypi span:after{content:"65%"}.progress-line.solidworks span:after{content:"60%"}.progress-line.altium span:after{content:"70%"}.progress-line.matlab span:after{content:"30%"}.progress-line.c span:after{content:"85%"}.progress-line.python span:after{content:"80%"}.progress-line span:before{animation:showText .5s linear 1.5s forwards;border-color:#000 #0000 #0000;border-style:solid;border-width:7px 0 0 7px;content:"";height:0;opacity:0;position:absolute;right:0;top:-10px;width:0}@keyframes showText{to{opacity:1}}.radial-bars{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:space-evenly;width:100%}.radial-bars .radial-bar{height:170px;margin-bottom:10px;position:relative;width:50%}.radial-bars .radial-bar svg{height:160px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-90deg);width:120px}.radial-bars .radial-bar .progress-bar{stroke-width:15;stroke:#fff;fill:#0000;stroke-dasharray:502;stroke-dashoffset:502;stroke-linecap:round;animation:animate-bar 1s linear forwards}@keyframes animate-bar{to{stroke-dashoffset:-1}}.path{stroke-width:15;stroke:orange;fill:#0000;stroke-dasharray:502;stroke-dashoffset:502;stroke-linecap:round}.path-1{animation:animate-path1 1s linear 1s forwards}.path-2{animation:animate-path2 1s linear 1s forwards}.path-3{animation:animate-path3 1s linear 1s forwards}.path-4{animation:animate-path4 1s linear 1s forwards}@keyframes animate-path1{to{stroke-dashoffset:50}}@keyframes animate-path2{to{stroke-dashoffset:175}}@keyframes animate-path3{to{stroke-dashoffset:125}}@keyframes animate-path4{to{stroke-dashoffset:75}}.radial-bar .percentage{top:50%;transform:translate(-50%,-50%)}.radial-bar .percentage,.text{animation:showText .5s linear 1s forwards;font-size:17px;font-weight:500;left:50%;opacity:0;position:absolute}.text{bottom:-5px;text-align:center;transform:translateX(-50%);width:100%}@media (max-width:768px){.container1{width:200px}.radial-bars .radial-bar svg{height:100px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-90deg);width:80px}.heading1{text-decoration-thickness:2px;text-underline-offset:5px}.bar{font-size:13px}}.modal-blog.modal,.modal-blog.overlay{overflow:scroll}.modal-blog.modal .modal-content{left:0;margin:auto auto 10%;max-width:70%;position:relative;top:10%}.modal-blog .modal-content .left,.modal-blog .modal-content .right{margin-top:30px;padding:0;width:100%}.blog_contact .left,.blog_contact .right{margin:0 25px 0 0}@media (max-width:768px){.modal-blog.modal .modal-content{margin-bottom:20%;max-width:90%}}.Contact{padding:50px 0}.Contact .left{padding-right:20px;width:36%}.Contact .right{padding:35px;width:60%}.Contact img{border-radius:10px;height:auto;width:100%}.Contact .box{border-radius:10px;box-shadow:0 0 20px #0000001a;padding:30px}.Contact .details h1{color:#fff;font-size:35px;font-weight:600;margin:20px 0}.Contact .details p{color:#fff;font-size:17px}.Contact .button{margin-top:20px}.Contact button{background-color:#f1f1f1;border:1px solid #0000;border-radius:5px;color:#555;cursor:pointer;font-size:14px;margin-right:20px;padding:10px 15px;transition:all .3s ease}.Contact button:hover{background-color:#007bff;border-color:#007bff;color:#fff}.Contact .right form{display:flex;flex-direction:column}.Contact .right input,.Contact .right textarea{border:1px solid #ccc;border-radius:5px;font-size:14px;margin-top:10px;outline:none;padding:12px;transition:border .3s ease}.Contact .right input:focus,.Contact .right textarea:focus{border-color:#adff2f}.Contact .right button{background-color:green;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:30px;padding:20px;width:100%}.Contact .right button:hover{background-color:#adff2f;color:#000}.Contact .right button i{margin-left:10px}.Contact .input span{color:#666;font-size:13px}@media (max-width:768px){.Contact .d_flex{align-items:center;flex-direction:column}.Contact .left,.Contact .right{margin-top:50px;width:100%}.Contact .left{padding-right:0}.Contact .box{padding:20px}.Contact .details h1{font-size:30px}.Contact .details p{font-size:16px}.Contact .right form{padding:20px;width:100%}.Contact .right input,.Contact .right textarea{font-size:16px;padding:10px}.Contact .right button{font-size:18px;padding:15px}}.light-mode .Contact .details h1,.light-mode .Contact .details p,.light-mode .Contact .right button,.light-mode .Contact .right input,.light-mode .Contact .right textarea{color:#000}.light-mode .Contact .right input,.light-mode .Contact .right textarea{background-color:#fff;border:1px solid #ccc}.light-mode .Contact .right input:focus,.light-mode .Contact .right textarea:focus{border-color:#007bff}.light-mode .Contact .right button{background-color:#007bff;color:#fff}.light-mode .Contact .right button:hover{background-color:#0056b3}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:#000;color:#fff;font-family:Poppins,sans-serif;transition:background .3s ease,color .3s ease}body.light-mode{background-color:#fff;color:#000}.container{margin:auto;max-width:90%}.d_flex{justify-content:space-between}.d_flex,.f_flex{display:flex}a{color:#32cd32;text-decoration:none}body.light-mode a{color:#007bff}li{list-style:none}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}button{background-color:initial;border:none;cursor:pointer;outline:none}.btn_shadow{background:linear-gradient(145deg,#1f1f1f,#2b2b2b);border-radius:6px;box-shadow:4px 4px 8px #0d0d0d,-4px -4px 8px #363636;color:#fff;cursor:pointer;padding:18px 25px;transition:all .3s ease}.btn_shadow:hover{background:#32cd32;color:#fff;transform:translateY(-10px)}body.light-mode .btn_shadow{background:linear-gradient(145deg,#e0e0e0,#f0f0f0);box-shadow:4px 4px 8px #c9c9c9,-4px -4px 8px #fff;color:#000}body.light-mode .btn_shadow:hover{background:#007bff;color:#fff}.box_shadow{background:linear-gradient(145deg,#1f1f1f,#2b2b2b);border-radius:10px;box-shadow:4px 4px 8px #0d0d0d,-4px -4px 8px #363636;padding:20px}body.light-mode .box_shadow{background:linear-gradient(145deg,#e0e0e0,#f0f0f0);box-shadow:4px 4px 8px #c9c9c9,-4px -4px 8px #fff}.left,.right,.row{width:50%}.top{margin-top:80px}.mtop{margin-top:40px}.heading{margin:50px 0;text-align:center}.heading h4{color:#32cd32;font-weight:400;letter-spacing:2px}.heading h1{color:inherit;font-size:60px;font-weight:600;margin:20px 0}.grid{grid-gap:35px;display:grid;grid-template-columns:repeat(3,1fr)}p{color:inherit;line-height:1.6}.text-center{text-align:center}.primary_color{color:#32cd32}input,textarea{background-color:#000;border:3px solid #363636;border-radius:8px;color:#fff;font-size:16px;margin-bottom:20px;outline:none;padding:15px;width:100%}input:focus,textarea:focus{border-color:#32cd32}body.light-mode input,body.light-mode textarea{background-color:#fff;border:3px solid #e0e0e0;color:#000}body.light-mode input:focus,body.light-mode textarea:focus{border-color:#007bff}footer{background-color:#1f1f1f;margin:60px 0;padding:20px 0;text-align:center}footer p{font-size:14px;margin-top:10px}footer a{font-weight:500}body.light-mode footer{background-color:#f0f0f0}body.light-mode footer p{color:#000}body.light-mode footer a{color:#007bff}@media (max-width:768px){.grid{grid-template-columns:repeat(2,1fr)}.left,.right{width:100%}.heading h1{font-size:40px}.btn_shadow{padding:15px 20px}.box_shadow{padding:20px}input,textarea{padding:12px}}@media (max-width:480px){.grid{grid-template-columns:1fr}.heading h1{font-size:30px}.btn_shadow{padding:12px 18px}}
/*# sourceMappingURL=main.a199649c.css.map*/