@font-face{font-family:Montserrat;src:local("Montserrat"),url(/assets/Montserrat-Regular-dKSYcarW.ttf) format("woff");font-display:swap}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html,body{scroll-behavior:smooth}body{margin:0;font:19px/23px Montserrat,Montserrat,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(max-width:1380px){html,body{font-size:16px;line-height:normal}}.App{text-align:center}.App-logo{height:40vmin}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#09d3ac}.headroom-wrapper{height:auto!important}.dark-menu{background-color:#161b27!important;color:#fff;box-shadow:#fff 0 10px 30px -15px!important}.dark-menu-ul{background-color:#161b27!important;color:#fff}.dark-menu li a{color:#fff!important}.dark-menu li a:hover{background-color:#55198b!important}.header{background-color:#fff;max-width:100%;padding:15px 20px;margin:0 auto;box-shadow:#000 0 10px 30px -15px}.header ul{margin:0;padding:0;list-style:none;overflow:hidden}.grey-color{color:#868e96}.header li a{display:block;padding:15px 20px;color:#000;text-decoration:none}.header li a:hover,.header .menu-btn:hover{background-color:#f4f4f4}.header .logo{display:block;flex:none;float:left;font-size:1.5em;text-decoration:none;margin-top:10px;line-height:normal;color:#0ff}.header .logo-name{font-family:Montserrat;font-weight:700;font-variant-ligatures:no-common-ligatures;-webkit-font-variant-ligatures:no-common-ligatures;padding:0 10px}.header .menu{clear:both;max-height:0;transition:max-height .2s ease-out}.header .menu-icon{cursor:pointer;display:inline-block;float:right;padding:28px 20px;position:relative;-webkit-user-select:none;user-select:none}.header .menu-icon .navicon{background:#333;display:block;height:2px;position:relative;transition:background .2s ease-out;width:18px}.header .menu-icon .navicon-dark{background:#fff}.header .menu-icon .navicon:before,.header .menu-icon .navicon:after{background:#333;content:"";display:block;height:100%;position:absolute;transition:all .2s ease-out;width:100%}.header .menu-icon .navicon-dark:before,.header .menu-icon .navicon-dark:after{background:#fff!important;content:"";display:block;height:100%;position:absolute;transition:all .2s ease-out;width:100%}.header .menu-icon .navicon:before{top:5px}.header .menu-icon .navicon:after{top:-5px}.header .menu-btn{display:none}.header .menu-btn:checked~.menu{max-height:486px}.header .menu-btn:checked~.menu-icon .navicon{background:transparent}.header .menu-btn:checked~.menu-icon .navicon:before{transform:rotate(-45deg)}.header .menu-btn:checked~.menu-icon .navicon:after{transform:rotate(45deg)}.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:before,.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:after{top:0}@media(min-width:48em){.header li{float:left}.header{display:flex;align-items:center;justify-content:space-between}.header .menu{max-height:none}.header .menu-icon{display:none}}@media(max-width:960px)and (min-width:768px){.header{font-size:12px}}.switch{position:relative;display:inline-block;width:55px;height:26px}input{transform:scale(.5)}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.slider:before{position:absolute;content:"";height:26px;width:28px;left:0;bottom:0;background-color:#fff;-webkit-transition:.4s;transition:.4s}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.slider:after{display:inline;position:absolute;right:9.3%;bottom:17.5%}input:checked+.slider:after{display:inline;position:absolute;right:56.3%;bottom:14.5%}@media all and (max-width:786px)and (min-width:425px){input:checked+.slider:after{right:60.3%;bottom:20.5%}.slider:after{right:15.3%;bottom:22.5%}}@media all and (max-width:2560px)and (min-width:1552px){.slider:after{bottom:12.5%!important}}@media all and (max-width:1552px)and (min-width:1440px){.slider:after{bottom:7.5%!important}}.main{width:90%;padding:20px 10px;margin:0 auto;margin-top:4rem}.greet-main{width:90%;padding:20px 10px;margin:0 auto;margin-top:2rem}.gretting-main{width:90%;padding:20px 10px;margin:0 auto}.subTitle{color:#868e96!important}.greeting-main{display:flex}.greeting-main>*{flex:1;margin-bottom:30px}.button-greeting-div{display:flex;margin-top:20px}.greeting-text{font-size:70px;line-height:1.1;color:#000!important}.greeting-text-p{font-size:30px;line-height:40px}.greeting-image-div>img{max-width:100%;height:auto}.wave-emoji{animation-duration:1.8s;animation-iteration-count:infinite;animation-name:wave;display:inline-block;transform-origin:70% 70%}@keyframes wave{0%{transform:rotate(0)}10%{transform:rotate(-10deg)}20%{transform:rotate(12deg)}30%{transform:rotate(-10deg)}40%{transform:rotate(9deg)}50%{transform:rotate(0)}to{transform:rotate(0)}}@media(max-width:1380px){.greeting-text{font-size:50px}.greeting-text-p{font-size:20px}}@media(max-width:768px){.button-greeting-div{justify-content:space-around}.greeting-text{font-size:30px;text-align:center}.greeting-text-p{font-size:16px;line-height:normal;text-align:center}.greeting-main{display:block}}.social-media-div{font-size:2em}.icon-button{margin-bottom:10px}.icon-button i{color:#fff;border-radius:2.6rem;cursor:pointer;display:inline-block;font-size:1.3rem;height:2.6rem;line-height:2.6rem;margin:0 5px 10px;position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:2.6rem;transition:.2s ease-in}.linkedin i{background-color:#0e76a8}.github i{background-color:#333}.google i{background-color:#ea4335}.medium i,.google i:hover,.github i:hover,.linkedin i:hover,.medium i:hover{background-color:#000}@media(max-width:768px){.social-media-div{text-align:center}}.main-button{background-color:#55198b;border:solid 1px #55198b;color:#fff;font-weight:700;width:max-content;padding:13px 22px;margin-right:50px;text-transform:uppercase;border-radius:6px;text-align:center;text-decoration:none;display:block;margin-top:20px;font-size:16px;cursor:pointer;transition:all .3s ease-in-out 0s}.main-button:hover{background-color:#fff;color:#55198b;transition:all .3s ease 0s;transform:translateY(-3px)}.project-button{display:flex;justify-content:center;margin-top:20px}.project-button>.main-button{margin-right:0!important}@media(max-width:768px){.main-button{font-size:15px;padding:12px 18px;margin-right:0}}@media(max-width:320px){.main-button{font-size:12px}}.skills-main-div{display:flex}.skills-text-div{margin-left:50px}.skills-main-div>*{flex:1;margin-bottom:30px}.skills-image-div>img{max-width:100%;height:auto}.skills-heading{font-size:56px;font-weight:400}@media(max-width:1380px){.skills-heading{font-size:40px}}@media(max-width:768px){.skills-heading{font-size:30px;text-align:center}.greeting-text-p{font-size:16px;line-height:normal}.skills-main-div{flex-direction:column}.skills-text-div{margin:20px}.skills-text{font-size:16px}.skills-text-subtitle{font-size:16px;text-align:center}.skills-image-div{order:2}}.dev-icons{padding-left:0;list-style:none;font-size:3rem;margin-bottom:0;margin-top:0;text-align:center}.software-skill-inline{display:inline-block;margin-right:20px;margin-bottom:20px}.software-skill-inline>i{color:#868e96}.software-skill-inline>svg{fill:#868e96}.software-skill-inline>i:hover{color:#645beb}.software-skill-inline>svg:hover{fill:#645beb}.software-skill-inline>p{color:#868e96;font-size:10px}.software-skill-inline>i:hover~p{color:#645beb}.redux{background:green;width:20px;height:20px}.experience-cards-div{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1rem 1rem}.experience-heading{font-size:56px;font-weight:400}.experience-container{display:flex;width:90%;padding:20px 10px;margin:0 auto;margin-top:2rem}.experience-container>*{flex:1}@media(max-width:1380px){.experience-heading{font-size:40px}}@media(max-width:768px){.experience-heading{font-size:30px;text-align:center}}.experience-card{position:relative;background-color:#fff;box-shadow:#0003 0 10px 30px -15px;border-radius:10px;border:1px solid rgba(211,211,211,.397)}.experience-card-dark{position:relative;background-color:#171c28;box-shadow:#0003 0 10px 30px -15px;border-radius:10px;border:1px solid rgba(211,211,211,.397)}.experience-card:hover{box-shadow:#0003 0 20px 30px -10px}.experience-banner{background-position:center;background-repeat:no-repeat;background-size:150%;background:linear-gradient(#000000b3,#00000080);border-radius:10px 10px 0 0;-webkit-filter:blur(0px);-moz-filter:blur(0px);-o-filter:blur(0px);-ms-filter:blur(0px);filter:blur(0px);height:11rem;display:flex;align-items:flex-end;justify-content:center}.experience-blurred_div{position:absolute;background:linear-gradient(#0006,#0003);-webkit-filter:blur(5px);-moz-filter:blur(5px);-o-filter:blur(5px);-ms-filter:blur(5px);filter:blur(5px);height:11rem;top:0;left:0;width:100%;border-radius:10px 10px 0 0}.experience-div-company{position:absolute;background:transparent;height:9rem;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:center}.experience-text-company{padding:1.5rem;margin:0;color:#fff;font-size:25px;text-align:center;font-weight:700;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.experience-roundedimg{position:absolute;object-fit:cover;left:0;right:0;top:7rem;margin-left:auto;margin-right:auto;width:8rem;height:8rem;box-shadow:0 .5rem 1rem #0000004d;border-radius:50%}.experience-text-role{text-align:center;color:#000;font-weight:700;font-size:25px;margin:0;padding-top:1.5rem;line-height:normal}.dark-mode-text{color:#fff!important}.experience-text-date{text-align:center;color:#000;font-size:20px;margin:0;padding-top:1rem;font-weight:600}.experience-text-desc{text-align:center}.experience-text-details{padding:1.5rem;margin-top:2rem}@media(max-width:1380px){.experience-text-role{padding-top:.5rem;font-size:22px}.experience-text-company{font-size:22px}.experience-text-date{font-size:18px}.experience-roundedimg{width:6.5rem;height:6.5rem}}@media(max-width:768px){.experience-text-role,.experience-text-company{font-size:22px}.experience-text-date{font-size:18px}.experience-text-desc{font-size:16px}}.startup-projects-main{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:1rem 1rem;text-align:center}.startup-projects-main>*{flex:1;margin-bottom:30px}.project-card-head{color:#24292e;font-size:25px;font-weight:700;letter-spacing:-.5px;margin:0}.project-text-dark{color:#fff;font-weight:700;font-size:22px;margin:0;padding-top:1.5rem;line-height:normal}.project-text{color:#000;font-weight:700;font-size:22px;margin:0;padding-top:1.5rem;line-height:normal}.startup-project-text{display:flex;flex-grow:1}.project-item{background-color:#fff;box-shadow:#0003 0 10px 30px -15px;border-radius:10px;border:1px solid rgba(211,211,211,.397);cursor:pointer}.project-item-dark{background-color:#171c28;box-shadow:#0003 0 10px 30px -15px;border-radius:10px;border:1px solid rgba(211,211,211,.397);cursor:pointer}.project-image{object-fit:cover;width:100%;height:auto}.project-container-text{padding:1.5em}.project-description-dark{color:#fff}.project-description{color:#868e96}.project-card-description{color:#586069}.technologies-dark{font-weight:700;color:#fff}.technologies{font-weight:700;color:#000}@media(max-width:768px){.starup-project-image{display:none}.project-subtitle{font-size:16px;text-align:center}.startup-projects-main{grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}}.project-title{font-size:56px;font-weight:400}.startup-project-text img{max-width:100%;height:auto}.repo-cards-div-main{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1rem 1rem}@media(max-width:1380px){.project-title{font-size:40px}}@media(max-width:768px){.project-title{font-size:30px;text-align:center}.repo-cards-div-main{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.sk-circle{margin:100px auto;width:40px;height:40px;position:relative}.sk-circle .sk-child{width:100%;height:100%;position:absolute;left:0;top:0}.sk-circle .sk-child:before{content:"";display:block;margin:0 auto;width:15%;height:15%;background-color:#333;border-radius:100%;-webkit-animation:sk-circleBounceDelay 1.2s infinite ease-in-out both;animation:sk-circleBounceDelay 1.2s infinite ease-in-out both}.sk-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.sk-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.sk-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sk-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.sk-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.sk-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sk-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.sk-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.sk-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sk-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.sk-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.sk-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.sk-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.sk-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.sk-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.sk-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.sk-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.sk-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-circleBounceDelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-circleBounceDelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.square{width:440px;height:430px;background:#fff;border-radius:4px;box-shadow:0 20px 50px #d9dbdf;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;margin-top:30px}.square:hover{box-shadow:0 20px 40px #00000014}.blog-header-text{font-size:56px;font-weight:400}.blog-subtitle{text-transform:uppercase}.blog-main-div>*{flex:1;margin-bottom:30px}.blog-main-div{display:flex}.blog-image-div>img{max-width:100%;height:auto}.blog-text-div{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:32px}.subTitle{color:#868e96}@media(max-width:1380px){.blog-header-text{font-size:40px}}@media(max-width:768px){.blog-header-text{font-size:30px;text-align:center}.blog-subtitle{font-size:16px;line-height:normal;text-align:center}}@media screen and (max-width:480px)and (min-width:300px){.blog-text-div{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.small-dark{color:#fff!important}.blog-container{border-radius:10px;color:#586069;background-color:#fff;box-shadow:0 0 36px #0000001a;cursor:pointer;height:200px}.blog-title{color:#262626;font-size:22px;line-height:24px;font-weight:700;margin:32px 20px 14px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.small{font-size:17px;font-weight:400;line-height:1.5rem;color:#666;padding:0 20px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0}.go-corner{display:flex;align-items:center;justify-content:center;position:absolute;width:32px;height:32px;overflow:hidden;top:0;right:0;background-color:#55198b;border-radius:0 4px 0 32px}.go-arrow{margin-top:-4px;margin-right:-4px;color:#fff;font-family:courier,sans}.blog-card{display:block;position:relative;background-color:transparent;border-radius:4px;text-decoration:none;z-index:0;overflow:hidden;height:100%}.blog-card:before{content:"";position:absolute;z-index:-1;top:-16px;right:-16px;background:#55198b;height:32px;width:32px;border-radius:32px;transform:scale(1);transform-origin:50% 50%;transition:transform .4s ease-out}.blog-card:hover:before{transform:scale(30)}.blog-card:hover>.small{transition:all .3s ease-out;color:#fffc}.blog-card:hover>h3{transition:all .3s ease-out;color:#fff}@media screen and (max-width:480px)and (min-width:300px),(min-width:925px)and (max-width:1024px),(min-width:1405px)and (max-width:1550px){.blog-card:hover:before{transform:scale(30)}}@media screen and (min-width:481px)and (max-width:675px),(min-width:1025px)and (max-width:1404px),(min-width:1551px){.blog-card:hover:before{transform:scale(40)}.blog-card:before{transition:transform .45s ease-out}}@media screen and (min-width:675px)and (max-width:860px){.blog-card:hover:before{transform:scale(50)}.blog-card:before{transition:transform .5s ease-out}}@media screen and (min-width:860px)and (max-width:924px){.blog-card:hover:before{transform:scale(60)}.blog-card:before{transition:transform .5s ease-out}}@media screen and (max-width:480px)and (min-width:300px){.blog-title{font-size:18px}}.blog-card-shadow{box-shadow:1px 0 20px #fff}.footer-text{text-align:center;color:#868e96!important}.dark-mode{color:#fff!important}.footer-div{margin-top:2rem;padding-bottom:1rem}#topButton{visibility:hidden;position:fixed;bottom:20px;right:30px;z-index:99;border:none;outline:none;background-color:#55198b;color:#fff;cursor:pointer;padding:15px;border-radius:15px;font-size:25px}#topButton:hover{background-color:#000;transition:all ease-in-out .2s}.dark-mode{background-color:#171c28;color:#fff;transition:"0.1s"}.contact-div-main{display:flex}.dark-mode a{color:#fff}.contact-div-main>*{flex:1}.contact-title{font-size:65px;font-weight:400}.contact-detail,.contact-detail-email{margin-top:20px;font-size:40px;font-weight:400;color:#868e96;text-decoration:none}.contact-detail:hover,.contact-detail-email:hover{color:#000;text-shadow:2px 1px 2px #b5b5b5;transition:all .3s}.contact-subtitle{text-transform:uppercase}.contact-text-div{margin-top:1.5rem}.contact-margin-top{margin-top:4rem}@media(max-width:1380px),(max-width:768px){.contact-title{font-size:56px;font-weight:400;text-align:center}.contact-title{font-size:40px;text-align:center}.contact-subtitle{font-size:16px;line-height:normal;text-align:center}.contact-text-div{text-align:center;margin-top:1.5rem}.contact-detail,.contact-detail-email{font-size:20px}}