body,html{overflow-x:hidden;width:100%}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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-header{background-color:#282c34;color:#fff;flex-direction:column;font-size:calc(10px + 2vmin);min-height:100vh}.App-header,.loading-wave{align-items:center;display:flex;justify-content:center}.loading-wave{height:4%px;margin-top:24%;width:8%px}.loading-bar{animation:loading-wave-animation 1s ease-in-out infinite;background-color:#3498db;border-radius:5px;height:10px;margin:0 5px;width:20px}.loading-bar:nth-child(2){animation-delay:.1s}.loading-bar:nth-child(3){animation-delay:.2s}.loading-bar:nth-child(4){animation-delay:.3s}@keyframes loading-wave-animation{0%{height:10px}50%{height:50px}to{height:10px}}.navbar{background-color:#151925;box-sizing:border-box;gap:16px;height:100px;justify-content:center;left:0;max-width:100vw;padding:0 24px;position:fixed;top:0;transition:top .3s;z-index:1000}.nav-header,.navbar{align-items:center;display:flex;width:100%}.nav-header{gap:12px;justify-content:space-between}.left{display:flex;justify-content:left;width:35%}.right{display:flex;gap:12px;justify-content:space-around;width:55%}.nav-toggle{align-self:center;background:#0f1320;border:1px solid #1f2a44;border-radius:10px;box-shadow:0 6px 14px #00000040;cursor:pointer;display:none;padding:10px 12px}.nav-toggle-bar{background:#e8f3ff;border-radius:2px;display:block;height:2px;margin:5px 0;transition:transform .2s ease,opacity .2s ease;width:22px}.nav-toggle.open .nav-toggle-bar:first-child{transform:translateY(6px) rotate(45deg)}.nav-toggle.open .nav-toggle-bar:nth-child(2){opacity:0}.nav-toggle.open .nav-toggle-bar:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.button{background-color:initial;border-color:#0000;border:none;color:#03b0fd;cursor:pointer;font-family:Inter,sans-serif;font-size:18px;font-weight:500;height:30px;position:relative;transition-duration:.4s;transition-property:color;transition-timing-function:cubic-bezier(.25,.8,.25,1);width:120px}.button:focus,.button:hover{color:#fff}.button:focus:after,.button:hover:after{left:0;width:100%}.button:after{background-color:#fff;bottom:-2px;content:"";height:2px;left:50%;pointer-events:none;position:absolute;transition-duration:.4s;transition-property:width,left;transition-timing-function:cubic-bezier(.25,.8,.25,1);width:0}body{background-color:#151925}.title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#00cefc,#3c1d4b);background-clip:text;-webkit-background-clip:text;font-family:Poppins,sans-serif;font-size:42px;font-weight:700}.title:after{animation:underlineSlide 1s ease-in-out forwards;background:linear-gradient(90deg,#00cefc,#3c1d4b);border-radius:2px;content:"";display:block;height:4px;margin:8px auto 0;width:60%}@keyframes underlineSlide{0%{opacity:0;width:0}to{opacity:1;width:60%}}@media (max-width:1024px){.navbar{gap:10px;height:80px;justify-content:space-between;padding:0 16px}.nav-header{width:100%}.left{width:auto}.right{flex-wrap:wrap;justify-content:center;width:100%}.button{font-size:15px;padding:8px 10px;width:auto}}@media (max-width:640px){.navbar{align-items:stretch;flex-direction:column;gap:12px;height:auto;padding:12px 14px 16px}.nav-toggle{align-self:flex-end;display:inline-flex}.right{align-items:flex-start;display:none;flex-direction:column;gap:10px;padding:0 4px;width:100%}.right.open{display:flex}.button{font-size:14px;padding:6px 8px;text-align:left;width:100%}}@keyframes typing{0%,27.3488%{content:""}1.667%,48.2093%{content:"W"}3.334%,46.0698%{content:"We"}44.9302%,5.001%{content:"Web"}42.7907%,6.668%{content:"Web "}40.6512%,8.335%{content:"Web D"}11.669%,38.5116%{content:"Web De"}13.336%,36.3721%{content:"Web Dev"}15.003%,34.2326%{content:"Web Deve"}16.670%,32.0930%{content:"Web Devel"}19.3953%,31.9535%{content:"Web Develo"}21.5349%,29.8140%{content:"Web Develop"}23.6744%,28.6744%{content:"Web Develope"}25.8140%,26.5349%{content:"Web Developer"}50.4186%,99.9302%{content:""}52.5581%,98.7907%{content:"M"}54.6977%,97.6512%{content:"ME"}56.8372%,96.5116%{content:"MER"}58.9767%,95.3721%{content:"MERN"}60.1163%,94.2326%{content:"MERN "}62.2558%,93.0930%{content:"MERN "}64.3953%,92.9535%{content:"MERN D"}66.5349%,91.2345%{content:"MERN De"}68.6744%,90.8140%{content:"MERN Dev"}70.8140%,89.4943%{content:"MERN Deve"}72.9535%,88.6744%{content:"MERN Devel"}74.0930%,86.5349%{content:"MERN Develo"}76.2326%,84.3953%{content:"MERN Develop"}78.3721%,82.2558%{content:"MERN Develope"}78.5116%,80.1163%{content:"MERN Developer"}}.typewriter{--caret:#03b0fd}.typewriter:before{animation:typing 13.5s infinite;content:""}.typewriter:after{animation:blink .5s linear infinite;border-right:1px solid var(--caret);content:""}.about-me-wrapper{background:linear-gradient(145deg,#0f172a,#1e293b);border-radius:20px;box-shadow:0 12px 32px #0006;margin:100px auto;max-width:1000px;overflow:hidden;padding:60px 40px;position:relative;transition:transform .3s ease}.about-me-wrapper:hover{box-shadow:0 20px 40px #0bf3;transform:translateY(-5px)}.about-me-header{margin-bottom:32px;position:relative;text-align:center}.about-me-heading{color:#38bdf8;font-family:Poppins,sans-serif;font-size:42px;font-weight:700;position:relative}.about-icon{animation:float 3s ease-in-out infinite;color:#7dd3fc;font-size:32px;margin-bottom:12px}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.about-me-description{background:#ffffff05;border-radius:16px;box-shadow:0 6px 20px #ffffff0d;color:#ffffffe0;font-family:Poppins,sans-serif;font-size:20px;font-weight:300;letter-spacing:.4px;line-height:1.8;margin:0 auto;max-width:820px;padding:28px;text-align:center;transition:background .4s}.about-me-description:hover{background:#ffffff0a}@media screen and (max-width:768px){.about-me-wrapper{padding:40px 20px}.about-me-heading{font-size:34px}.about-me-description{font-size:18px;padding:22px}}.Main{align-items:center;box-sizing:border-box;gap:48px;margin-top:120%;padding:0 24px}.right_main{display:flex;justify-content:center}.names{font-weight:400}.dev-visual{aspect-ratio:1/1;display:grid;max-width:420px;place-items:center;position:relative;width:100%}.dev-blob{animation:blob-move 12s ease-in-out infinite;background:radial-gradient(circle at 30% 30%,#00cefc47,#3c1d4b94);border-radius:40% 60% 55% 45%;filter:blur(32px);inset:12%;opacity:.9;position:absolute}.dev-grid{animation:grid-fade 6s ease-in-out infinite alternate;background-image:linear-gradient(#ffffff0d 1px,#0000 0),linear-gradient(90deg,#ffffff0d 1px,#0000 0);background-size:28px 28px;border-radius:26px;inset:8%;-webkit-mask-image:radial-gradient(circle at 50% 50%,#000000e6,#0000 70%);mask-image:radial-gradient(circle at 50% 50%,#000000e6,#0000 70%);position:absolute}.behind_the_image{animation:floaty 5.5s ease-in-out infinite;filter:drop-shadow(0 16px 40px rgba(0,0,0,.45));max-width:360px;position:relative;width:78%;z-index:2}.floating-badge{animation:floaty 6.5s ease-in-out infinite;background:#151925eb;border:1px solid #00cefc59;border-radius:14px;bottom:12%;box-shadow:0 12px 30px #0006;color:#e8f3ff;padding:10px 14px;position:absolute;right:8%;z-index:3}.floating-badge p{color:#7dd3ff;font-size:12px;letter-spacing:.06em;margin:0;text-transform:uppercase}.floating-badge span{font-size:16px;font-weight:600}@keyframes blob-move{0%,to{border-radius:40% 60% 55% 45%;transform:translateY(0)}50%{border-radius:55% 45% 40% 60%;transform:translateY(-8px)}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes grid-fade{0%{opacity:.25}to{opacity:.5}}@media (max-width:768px){.Main{align-items:center;flex-direction:column-reverse;margin-top:120px;padding:0 16px;text-align:center}.main_left,.right_main{margin-top:0;width:100%}.dev-visual{margin:0 auto 32px;max-width:340px}.names{font-size:38px;text-align:center}.follow_me,.i_am_a,.it_is_me{font-size:18px;text-align:center}.flex1{gap:12px;justify-content:center}.buttonb,.buttonc{margin-left:0;min-width:130px;padding:10px 18px;width:auto}.logos img{height:28px;width:28px}}.it_is_me{color:#fff;font-family:Poppins,sans-serif;font-size:25px;font-weight:500;margin:10px 0;text-align:left}.names{color:#03b0fd;font-family:Inder,sans-serif;font-size:60px;font-weight:400px;margin:0}.i_am_a,.names{text-align:left}.i_am_a{color:#fff;font-family:Poppins,sans-serif;font-size:25px;font-weight:300;margin:20px 0}.right_main{width:40%}.Main{display:flex;justify-content:center;margin-top:10%}.main_left{margin-top:3%;width:45%}.follow_me{color:#fff;font-family:Poppins,sans-serif;font-size:25px;font-weight:300;margin:20px 0;text-align:left}.flex1{align-items:center;display:flex}.logos img{height:30px;margin:0 7px;width:30px}.buttonb{background-color:#03b0fd;border:0;border-radius:25px;color:#151925;cursor:pointer;font-family:Inter,sans-serif;font-size:16px;font-weight:600;height:50px;margin-left:30px;padding:12.5px 30px;transition:all .5s;-webkit-transition:all .5s;width:150px}.buttonb:hover{background-color:#6fc5ff;box-shadow:0 0 20px #6fc5ff50;transform:scale(1.1)}.buttonb:active{background-color:#3d94cf;box-shadow:none;transform:scale(.98);transition:all .25s;-webkit-transition:all .25s}.buttonc{border:2px solid #03b0fd;border-radius:25px;color:#03b0fd;cursor:pointer;font-family:Inter,sans-serif;font-size:16px;font-weight:600;height:50px;padding:12.5px 30px;transition:all .5s;-webkit-transition:all .5s;width:150px}.buttonc,.buttonc:hover{background-color:#151925}.buttonc:hover{box-shadow:0 0 20px #6fc5ff50;transform:scale(1.1)}.buttonc:active{background-color:#151925;box-shadow:none;transform:scale(.98);transition:all .25s;-webkit-transition:all .25s}.shape{fill:#3498db;width:100%}.shape,img .behind_the_image{height:100px}@media (max-width:1024px){.Main{gap:32px;margin-top:14%;padding:0 24px}.main_left,.right_main{width:48%}.names{font-size:46px}.follow_me,.i_am_a,.it_is_me{font-size:20px}.buttonb,.buttonc{font-size:14px;height:46px;margin-left:16px;width:140px}}@media (max-width:768px){.Main{align-items:center;flex-direction:column-reverse;margin-top:120px;padding:0 16px;text-align:center}.main_left,.right_main{margin-top:0;width:100%}.names{font-size:38px;text-align:center}.follow_me,.i_am_a,.it_is_me{font-size:18px;text-align:center}.flex1{gap:12px;justify-content:center}.buttonb,.buttonc{margin-left:0;min-width:130px;padding:10px 18px;width:auto}.logos img{height:28px;width:28px}}@media (max-width:480px){.names{font-size:32px}.follow_me,.i_am_a,.it_is_me{font-size:16px}.buttonb,.buttonc{font-size:13px;min-width:120px}}.heading2{color:#fff9;font-family:Poppins,sans-serif;font-size:25px;font-weight:400;margin-bottom:2%}.skills{margin-top:10%}.flex2{display:flex;width:100%}.margin{margin:25px}.semi-donut{align-items:flex-end;color:#fff;display:flex;font-size:22px;font-weight:600;height:150px;justify-content:center;overflow:hidden;position:relative}.semi-donut,.semi-donut:after{box-sizing:border-box;width:300px}.semi-donut:after{border:50px solid;border-color:hsla(0,3%,54%,.284) hsla(0,3%,54%,.284) var(--fill) var(--fill);border-radius:50%;content:"";height:300px;left:0;position:absolute;top:0;transform:rotate(-45deg);transition:transform 1s ease-in}.semi-donut.visible:after{transform:rotate(calc(var(--percentage)*1.8deg - 45deg))}.margin{color:#fff}.flex{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:75px}.space{padding-right:80px}.graphs{margin:0 30px}.contents{background-color:#1e2635;border-radius:90px;box-shadow:0 3rem 6rem #0000001a;margin-left:2.5%;padding:50px 0 20px;width:95%}.heading3{color:#ffffff8a;font-family:Poppins,sans-serif;font-size:25px;font-weight:400;margin:6% 0 2%;text-align:center}@media (max-width:900px){.contents{border-radius:36px;padding:32px 0 12px}.semi-donut{font-size:18px;height:120px;width:220px}.semi-donut:after{border-width:36px;height:220px;width:220px}}@media (max-width:600px){.flex{gap:20px}.contents{margin-left:0;padding:26px 0 8px;width:100%}.semi-donut{font-size:16px;height:100px;width:180px}.semi-donut:after{border-width:28px;height:180px;width:180px}}.heading1{color:#fff;font-family:Poppins,sans-serif;font-size:35px;font-weight:500;margin:10% 0 3%}img.why_logo{height:70px;width:70px}.mid_text{color:#fff;font-size:30px;font-weight:400;margin:4px 0}.main_text_why,.mid_text{font-family:Poppins,sans-serif}.main_text_why{color:#fff6;font-size:15px;font-weight:300;margin:2px 0}.box{background-color:#1e2635;border-radius:20px;height:200px;margin:0 5%;max-width:260px;padding-top:20px;width:100%}.neww{display:flex;height:250px;justify-content:space-between;width:100%}.modiv{display:flex;justify-content:center;width:50%}.flex2{height:100%}.down_gap{margin-bottom:3%}.up_gap{margin-top:10%}@media (max-width:1024px){.heading1{font-size:30px}.mid_text{font-size:24px}}@media (max-width:768px){.neww{flex-direction:column;gap:18px;height:auto}.modiv{width:100%}.box{height:auto;margin:0 auto;max-width:90%;padding:18px 14px 24px}.heading1{margin:14% 0 4%}.main_text_why,.mid_text{text-align:center}}@media (max-width:480px){.heading1{font-size:26px}.mid_text{font-size:20px}}.experience-section{color:#f8fafc;font-family:Poppins,sans-serif;margin:auto;max-width:1200px;padding:80px 20px}.experience-heading{color:#38bdf8;font-size:42px;font-weight:700;letter-spacing:1px;margin-bottom:60px;text-align:center}.experience-card{background:linear-gradient(135deg,#1e293b,#1e293b);border-left:6px solid #38bdf8;border-radius:16px;box-shadow:0 12px 28px #0000004d;margin-bottom:40px;padding:32px;transition:transform .3s ease,box-shadow .3s ease}.experience-card:hover{box-shadow:0 16px 40px #38bdf833;transform:translateY(-6px)}.role{color:#e0f2fe;font-size:24px;font-weight:600;margin-bottom:10px}.company{color:#94a3b8;font-size:22px;font-weight:400}.period{color:#cbd5e1;font-size:16px;margin-bottom:18px}.responsibilities{color:#e2e8f0;font-size:17px;line-height:1.8;list-style-type:disc;padding-left:22px}.responsibilities li{margin-bottom:10px}@media (max-width:900px){.experience-section{padding:60px 16px}.experience-heading{font-size:34px;margin-bottom:40px}.experience-card{padding:26px}}@media (max-width:600px){.experience-section{padding:48px 14px}.experience-heading{font-size:30px}.role{font-size:20px}.company{font-size:18px}.responsibilities{font-size:15px;line-height:1.6}}:root{--color-header:#fff;--color-text:#f7f7f7a0;--color-btn-text:#739efc;--color-btn-border:2px solid #e6ecfffa;--transition:0.2s}*,:after,:before{box-sizing:inherit;margin:0;padding:0}html{box-sizing:border-box;font-size:62.5%}.grid{display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;padding:0 3rem;width:100%}.grid .card{background-color:#1e2635;border-radius:.4rem;box-shadow:0 3rem 6rem #0000001a;cursor:pointer;display:flex;flex:1 1 300px;flex-direction:column;margin-bottom:3rem;max-width:420px;overflow:hidden;transition:.2s;transition:var(--transition);width:40rem}.grid .card:hover{box-shadow:0 4rem 8rem #0003;transform:translateY(-.5%)}.grid .card__img{height:18rem;object-fit:cover;width:100%}.grid .card__content{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:2rem}.grid .card__header{color:#fff;color:var(--color-header);font-size:3rem;font-weight:500;margin-bottom:1rem}.grid .card__text{color:#f7f7f7a0;color:var(--color-text);font-size:1.5rem;letter-spacing:.1rem;line-height:1.7;margin-bottom:1rem}.grid .card__btn{background-color:var(--color-btn-background);border:none;border-radius:.4rem;color:#739efc;color:var(--color-btn-text);cursor:pointer;display:block;font-size:2rem;margin-top:3rem;padding:1.5rem;text-align:center;transition:.2s;transition:var(--transition);width:100%}.grid .card__btn:active,.grid .card__btn:hover{background-color:rgba(230,236,255,.201)}.completely{align-items:center;display:flex;justify-content:center}@media (max-width:900px){.grid{gap:2.4rem;padding:0 2rem}.grid .card{max-width:360px;width:100%}.grid .card__header{font-size:2.4rem}.grid .card__text{font-size:1.4rem}}@media (max-width:600px){.grid{padding:0 1.2rem}.grid .card{max-width:100%;width:100%}.grid .card__img{height:16rem}.grid .card__btn{font-size:1.6rem;padding:1.2rem}}.button1{align-items:center;background-color:#141414;border:none;border-radius:50%;box-shadow:0 0 0 4px rgba(180,160,255,.253);cursor:pointer;display:flex;font-weight:600;height:50px;justify-content:center;margin-bottom:5%;margin-left:85%;overflow:hidden;position:relative;width:50px}.button1,.svgIcon{transition-duration:.3s}.svgIcon{width:12px}.svgIcon path{fill:#fff}.button1:hover{align-items:center;background-color:#b5a0ff;border-radius:50px;transition-duration:.3s;width:140px}.button1:hover .svgIcon{transform:translateY(-200%);transition-duration:.3s}.button1:before{bottom:-20px;color:#fff;content:"Back to Top";font-size:0;position:absolute}.button1:hover:before{bottom:auto;font-size:13px;opacity:1;transition-duration:.3s}.back-to-top{.back-to-top{margin-left:80%;z-index:1000}}#contact{background-color:#000;height:100%;margin-top:5%;padding:5% 0;width:100%}.section-header{color:#fff;font-family:Poppins,sans-serif;letter-spacing:6px;margin:0 auto;padding:40px 0;text-align:center;text-transform:uppercase}.contact-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;gap:32px;justify-content:center;margin:5% auto 0;max-width:840px;padding:20px;position:relative}.form-horizontal{font-family:Lato;font-weight:400;margin-left:0;max-width:420px;width:100%}.form-control,.form-control1,.textarea{background-color:initial;border:1px solid #03b0fd;color:#fff;letter-spacing:1px;margin:5px 0;max-width:420px;padding:10px;width:100%}.send-button{cursor:pointer;margin-top:15px;overflow:hidden}.alt-send-button,.send-button{height:34px;max-width:420px;transition:all .2s ease-in-out;width:100%}.send-text{display:block;font:700 12px Poppins,sans-serif;letter-spacing:2px;margin-top:15px}.alt-send-button:hover{transform:translate3d(0,-29px,0)}.direct-contact-container{margin-right:0;max-width:420px;width:100%}.contact-list{list-style-type:none;margin-left:-30px;padding-right:20px}.list-item{color:#aaa;line-height:4}.contact-text{color:#bbb;font:300 15px Poppins,sans-serif;letter-spacing:1.9px}.place{margin-left:62px}.gmail,.phone{margin-left:20px}.contact-text a{color:#bbb;text-decoration:none;transition-duration:.2s}.contact-text a:hover{color:#fff;text-decoration:none}.social-media-list{font-size:22px;margin:0 auto;padding:0;position:relative;text-align:center;width:100%}.social-media-list li a{color:#fff}.social-media-list li{background-color:#1b1b1b;color:#fff;cursor:pointer;display:inline-block;margin:10px 3px;position:relative}.social-media-list li,.social-media-list li:after{border-radius:50%;height:60px;line-height:60px;transition:all .2s ease-in-out;width:60px}.social-media-list li:after{box-shadow:0 0 0 1px #fff;content:"";left:0;opacity:0;position:absolute;top:0}.social-media-list li:hover{background-color:#fff}.social-media-list li:hover:after{opacity:1;transform:scale(1.12);transition-timing-function:cubic-bezier(.37,.74,.15,1.65)}.social-media-list li:hover a{color:#000}.copyright{color:#555;font:200 14px Poppins,sans-serif;letter-spacing:1px;text-align:center}hr{border-color:#fff9}@media screen and (max-width:850px){.contact-wrapper{align-items:center;display:flex;flex-direction:column;margin-top:5%}.direct-contact-container,.form-horizontal{margin:0 auto}.direct-contact-container{margin-top:60px;max-width:360px}.social-media-list li,.social-media-list li:after{height:60px;line-height:60px;width:60px}}@media screen and (max-width:569px){.direct-contact-container,.form-wrapper{float:none;margin:0 auto}.form-control,textarea{margin:0 auto}.email,.name,textarea{width:280px}.direct-contact-container{margin-top:60px;max-width:320px}.social-media-list{left:0}.social-media-list li{font-size:2rem}.social-media-list li,.social-media-list li:after{height:55px;line-height:55px;width:55px}}@media screen and (max-width:410px){.send-button{width:99%}}.form-control{height:40px}.textarea{border:1px solid #555;height:120px;padding:10px}.fa{margin-top:5px}
/*# sourceMappingURL=main.3bfc34cf.css.map*/