@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;1,200;1,300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@200;300;400;500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@1,200&display=swap);.app{scrollbar-color:#1b1e2f}.app .sections{height:auto;position:relative;top:70px}.app .sections,.header{background-color:#1b1e2f;width:100%}.header{align-items:center;display:flex;height:70px;justify-content:space-between;padding:0 30px;position:fixed;top:0;z-index:1}.header .header__logo{color:#34d176;cursor:pointer;font-family:Source Code Pro,monospace;font-size:28px;outline:none;text-decoration:none}@media(max-width:768px){.header .header__logo{flex:.8 1;font-size:24px}}.header .navbar__menu{display:flex;font-family:Source Code Pro,monospace;font-size:24px;justify-content:space-around;overflow:hidden}@media(max-width:768px){.header .navbar__menu{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;-webkit-transform:translateY(-100vh);transform:translateY(-100vh);transition:all .7s ease;width:100%}}.header .navbar__menu .navbar__item{margin:0 15px;padding:4px 7px}.header .navbar__menu .navbar__item:hover{background:#34d176;color:#1b1e2f;cursor:pointer;font-weight:600;-webkit-transform:scale(1.05);transform:scale(1.05)}.header .navbar__menu .navbar__item.active{border-bottom:2px solid #34d176}@media(max-width:768px){.header .navbar__menu .navbar__item.active{border:none;color:#34d176}}.header .navbar__menu.responsive_nav{background-color:#1b1e2f;-webkit-transform:translateY(0);transform:translateY(0);transition:all .7s ease}.header .navbar__menu.responsive_nav .navbar__item{margin:10px 0;text-align:center;width:100%}.header .navbar__btn{background:transparent;border:none;color:#34d176;display:none;font-size:30px;outline:none;padding:5px}@media(max-width:768px){.header .navbar__btn{display:flex}}.header .navbar__btn.navbar__btn_close{position:absolute;right:20px;top:20px}.home__social-icon-wrapper{align-items:center;display:flex;flex:1 1;justify-content:space-around;margin:20px 0;padding:0 10px;width:100%}.home__social-icon-wrapper a{background-color:#34d176;border-radius:50%;height:45px;padding:9px;text-decoration:none;transition:all .2s ease;width:45px}@media(max-width:449px){.home__social-icon-wrapper a{height:30px;padding:4px;width:30px}}.home__social-icon-wrapper a img{color:#fff;width:100%}.wave{-webkit-animation-duration:2.5s;animation-duration:2.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:wave-animation;animation-name:wave-animation;display:inline-block;-webkit-transform-origin:70% 70%;transform-origin:70% 70%}@-webkit-keyframes wave-animation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%{-webkit-transform:rotate(14deg);transform:rotate(14deg)}20%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}30%{-webkit-transform:rotate(14deg);transform:rotate(14deg)}40%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}50%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}60%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes wave-animation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%{-webkit-transform:rotate(14deg);transform:rotate(14deg)}20%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}30%{-webkit-transform:rotate(14deg);transform:rotate(14deg)}40%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}50%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}60%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.home{align-items:center;background-color:#1b1e2f;display:flex;height:calc(100vh - 70px);justify-content:space-around;margin:0 auto;padding:30px;position:relative;width:80%}@media(max-width:1024px){.home{flex-direction:column;height:auto}}@media(max-width:767px){.home{width:100%}}.home .home__img-container{align-items:center;display:flex;flex:.5 1;height:80%;justify-content:center;max-width:450px}@media(max-width:1024px){.home .home__img-container{width:60%}}@media(max-width:768px){.home .home__img-container{width:60%}}.home .home__img-container img{width:80%}.home .home__content-wrapper{align-items:flex-start;display:flex;flex:.5 1;flex-direction:column;justify-content:space-around;justify-self:center;margin-left:20px;margin-top:20px;max-width:450px;position:relative}.home .home__content-wrapper>*{margin:10px 0}@media(max-width:1024px){.home .home__content-wrapper>*{margin:5px 0}}.home .home__content-wrapper .content-intro{font-size:20px}.home .home__content-wrapper .content-main{font-size:28px}@media(max-width:768px){.home .home__content-wrapper .content-main{font-size:20px;padding:2px}}.home .home__content-wrapper .content-main .content-name{color:#34d176;font-size:40px;font-weight:400}@media(max-width:768px){.home .home__content-wrapper .content-main .content-name{font-size:30px;padding:0}}.home .home__content-wrapper .content-highlighted,.home .home__content-wrapper .typewriter-content{color:#34d176;font-size:24px}@media(max-width:768px){.home .home__content-wrapper .content-highlighted,.home .home__content-wrapper .typewriter-content{font-size:20px}}.home .home__content-wrapper .content{font-size:24px}.home .home__content-wrapper .content .content-description{font-size:17px;line-height:1.7rem}@media(max-width:768px){.home .home__content-wrapper .content .content-description{font-size:17px;line-height:1.5rem}}.home .home__content-wrapper .content .experience-container{color:#34d176;font-size:13px;margin:10px 0}.home .home__content-wrapper .content .experience-container h2{margin:20px 0}.home .home__content-wrapper .content .experience-container .worked-at-logo-container{display:flex;justify-content:space-between}.home .home__content-wrapper .content .experience-container .worked-at-logo-container .worked-at-item{align-items:center;display:flex;justify-content:center}.home .home__content-wrapper .content .experience-container .worked-at-logo-container .worked-at-item:first-child img{height:70px}@media(max-width:450px){.home .home__content-wrapper .content .experience-container .worked-at-logo-container .worked-at-item:first-child img{height:50px}}.home .home__content-wrapper .content .experience-container .worked-at-logo-container .worked-at-item:nth-child(2){justify-self:flex-start}.home .home__content-wrapper .content .experience-container .worked-at-logo-container .worked-at-item:nth-child(2) img{height:40px}@media(max-width:450px){.home .home__content-wrapper .content .experience-container .worked-at-logo-container .worked-at-item:nth-child(2) img{height:30px}}.home .home__content-wrapper .social-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-start;width:100%}.home .home__content-wrapper .social-container .resume{border:2px solid #34d176;border-radius:10px;color:#34d176;font-size:24px;padding:5px 10px;text-decoration:none;transition:all .2s ease}@media(max-width:450px){.home .home__content-wrapper .social-container .resume{font-size:17px}}.home .home__content-wrapper .social-container .resume:hover{background-color:#34d176;color:#1b1e2f;-webkit-transform:scale(1.1);transform:scale(1.1)}.ps{align-items:flex-start;background-color:#000;display:flex;flex-direction:column;height:calc(100vh - 70px);justify-content:center;margin:0 auto;padding:0 110px;position:relative;width:100%}@media(max-width:768px){.ps{height:auto;padding:0 40px}}.ps .ps__content-heading{color:#34d176;font-family:Source Code Pro,monospace;font-size:28px;margin:20px 0}.ps .ps__content{font-size:17px;letter-spacing:.8px;margin:10px 0;max-width:1100px}.ps .ps__content a{color:#34d176}.ps .ps__icon-wrapper{align-items:center;display:flex;flex-direction:column;height:500px;justify-content:center;left:0;position:absolute;width:100px}@media(max-width:768px){.ps .ps__icon-wrapper{flex-direction:row;height:100px;justify-content:space-around;position:relative;width:100%}}.ps .ps__icon-wrapper a{align-items:center;background-color:#fff;border-radius:50%;display:flex;height:55px;justify-content:center;margin:20px 0;padding:5px;text-decoration:none;transition:all .2s ease;width:55px}.ps .ps__icon-wrapper a:hover{height:60px;width:60px}.ps .ps__icon-wrapper a img{color:#fff;width:100%}.skills{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:flex-start;margin:20px auto;width:85%}@media(max-width:768px){.skills{padding:0 10px}}.skills .skills__header{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:30px}.skills .skills__header .skills__heading{color:#34d176;font-family:Source Code Pro,monospace;margin:10px 0}.skills .skills__header .skills__description{font-family:Source Code Pro,monospace;text-align:center}.skills .skills-card__container{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:center;width:100%}.skill-card__container{align-items:center;box-shadow:0 0 15px -5px #34d176;cursor:default;display:flex;flex-direction:column;justify-content:flex-start;margin:30px;padding:20px;position:relative;text-align:center;transition:all .1s ease}.skill-card__container:hover{box-shadow:0 0 15px 0 #34d176;-webkit-transform:scale(1.03);transform:scale(1.03)}.skill-card__container .skill-card__name{color:#34d176;font-family:Source Code Pro,monospace;font-size:20px;font-weight:600;margin:10px 0;width:100%}.skill-card__container .skills-container{grid-gap:15px;display:grid;grid-template-columns:repeat(4,1fr)}.skill-card__container .skills-container .skill-container{grid-column:span 2}.skill-card__container .skills-container .skill-container:last-child:nth-child(odd){grid-column:2/span 2}.skill-card__container .skills-container .skill-container .skill__img-container{align-items:center;display:flex;justify-content:center;margin:0 30px}.skill-card__container .skills-container .skill-container .skill__img-container img{height:50px;margin:10px 0;width:50px}.about{align-items:center;display:flex;height:calc(100vh - 70px);justify-content:center;margin:0 auto;padding:30px;position:relative;width:85%}.about:nth-child(odd){flex-direction:row-reverse}@media screen and (max-width:900px){.about,.about:nth-child(odd){flex-direction:column;width:100%}}@media screen and (max-width:400px){.about{padding:30px}}.about .about__content-container{align-items:center;display:flex;flex:.5 1;flex-direction:column;justify-content:space-around}.about .about__content-container a{color:#34d176}.about .about__content-container .about__content-subheading{font-size:24px;font-weight:400;margin-bottom:30px}@media screen and (max-width:900px){.about .about__content-container .about__content-subheading{font-size:17px;margin-bottom:20px}}@media screen and (max-width:400px){.about .about__content-container .about__content-subheading{font-size:17px;margin-bottom:0}}.about .about__content-container .about__content-heading{color:#34d176;font-family:Source Code Pro,monospace;font-size:40px;margin-bottom:20px;text-align:left}@media screen and (max-width:900px){.about .about__content-container .about__content-heading{font-size:28px;text-align:center}}@media screen and (max-width:400px){.about .about__content-container .about__content-heading{font-size:24px;margin-bottom:5px;text-align:center}}.about .about__content-container .about__content-desc{font-size:24px}@media screen and (max-width:900px){.about .about__content-container .about__content-desc{font-size:17px}}.about .about__skills-container{align-items:center;display:flex;flex:.5 1;flex-wrap:wrap;justify-content:space-around;margin-top:30px;position:inherit}.about .about__skills-container .backend-skill-container{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;margin:20px}.about .about__skills-container .backend-skill-container .backend-skill-name{margin-bottom:10px}@media screen and (max-width:900px){.about .about__skills-container .backend-skill-container .backend-skill-name{font-size:17px}}.about .about__skills-container .backend-skill-container img{width:70px}@media screen and (max-width:900px){.about .about__skills-container .backend-skill-container img{width:50px;width:40px}.about .about__skills-container .backend-skill-container{height:100px;margin:10px 5px;width:80px}}@media screen and (max-width:400px){.about .about__skills-container .backend-skill-container{height:90px;margin:6px 3px;width:60px}}.about .about__skills-container .skill-container{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;margin:20px}.about .about__skills-container .skill-container img{width:90px}@media screen and (max-width:900px){.about .about__skills-container .skill-container img{width:80px}}@media screen and (max-width:400px){.about .about__skills-container .skill-container img{width:70px}.about .about__skills-container .skill-container{margin:5px}}.projects__menu{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:10px 0}.projects__menu .projects__menu-item{color:#fff;cursor:pointer;font-family:Source Code Pro,monospace;font-size:24px;margin:5px 15px;padding:3px 8px;transition:all .2s ease}.projects__menu .projects__menu-item:hover{color:#34d176}.projects__menu .projects__menu-item.active{background-color:#34d176;color:#1b1e2f;font-weight:600}@media screen and (max-width:768px){.projects__menu .projects__menu-item{font-size:17px}}.project-card__container{align-items:center;box-shadow:0 0 15px -5px #34d176;cursor:default;display:flex;flex-direction:column;height:470px;justify-content:space-around;margin:30px;padding:20px;position:relative;text-align:center;transition:all .1s ease;width:350px}.project-card__container .offset{position:absolute;top:-75px}@media screen and (max-width:400px){.project-card__container{height:auto}}.project-card__container:hover{box-shadow:0 0 15px 0 #34d176;-webkit-transform:scale(1.03);transform:scale(1.03)}.project-card__container .project-card__img-container{align-items:center;background:none;border-radius:20%;display:flex;height:75px;justify-content:center;margin:30px 0;width:90%}.project-card__container .project-card__img-container img{margin:10px 0;padding:2%;width:80%}.project-card__container .project-card__name{font-family:Source Code Pro,monospace;font-size:20px;font-weight:600;margin:10px 0;width:100%}.project-card__container .project-card__employer{font-size:17px;font-style:italic;margin:0 0 10px}.project-card__container .project-card__desc{text-align:justify}.project-card__container .project-card__expand{border:1px solid #34d176;color:#34d176;cursor:pointer;margin:5px 0;padding:3px 7px;transition:all .1s ease}.project-card__container .project-card__expand:hover{background-color:#34d176;color:#1b1e2f}.project-info__hamburger-menu{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:50px;justify-content:center;position:absolute;right:60px;top:30px;transition:all .2s ease;width:50px}@media screen and (max-width:500px){.project-info__hamburger-menu{height:35px;right:30px;top:30px;width:35px}}.project-info__hamburger-menu .project-info__hamburger-line{background-color:#34d176;height:6px;position:absolute;width:100%}.project-info__hamburger-menu .project-info__hamburger-line:first-child{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.project-info__hamburger-menu .project-info__hamburger-line:last-child{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}@media screen and (max-width:768px){.project-info__hamburger-menu .project-info__hamburger-line{border-radius:3px;height:5px}}.project-info__hamburger-menu:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.project-info{background-color:#000;height:100vh;left:0;opacity:100%;position:fixed;top:0;width:100vw;z-index:100}.project-info,.project-info .project-info__container{align-items:center;display:flex;justify-content:center}.project-info .project-info__container{background-color:#1b1e2f;box-shadow:0 0 15px 5px #34d176;margin:20px;max-width:900px;padding:20px}@media screen and (max-width:600px){.project-info .project-info__container{box-shadow:none;flex-direction:column;height:auto;padding-bottom:0}}.project-info .project-info__container .project-info__img-container{align-items:flex-end;display:flex;flex:.25 1;flex-direction:column;height:100%;justify-content:space-around;margin:20px;width:100%}.project-info .project-info__container .project-info__img-container .tech-container{width:100%}.project-info .project-info__container .project-info__img-container .tech-container .tech-used{font-size:20px;text-align:right;width:100%}.project-info .project-info__container .project-info__img-container .tech-container .tech-stack{display:flex;flex-wrap:wrap;margin-bottom:30px;width:100%}.project-info .project-info__container .project-info__img-container .tech-container .tech-stack .tech{border:1px solid #34d176;color:#34d176;font-family:Source Code Pro,monospace;margin:3px;padding:3px 10px}.project-info .project-info__container .project-info__img-container img{width:80%}@media screen and (max-width:600px){.project-info .project-info__container .project-info__img-container img{display:none}}.project-info .project-info__container .project-info__content{flex:.75 1;height:100%;width:100%}@media screen and (max-width:600px){.project-info .project-info__container .project-info__content{font-size:17px}.project-info .project-info__container .project-info__content .project-header{display:none}}.project-info .project-info__container .project-info__content .project-name{font-family:Source Code Pro,monospace;font-size:24px;padding-right:20px}@media screen and (max-width:600px){.project-info .project-info__container .project-info__content .project-name{font-size:17px}}.project-info .project-info__container .project-info__content .employer{font-family:Poppins,sans-serif;font-size:17px;font-style:italic}@media screen and (max-width:600px){.project-info .project-info__container .project-info__content .employer{font-size:13px}}.project-info .project-info__container .project-info__content .main-desc-header{font-size:20px;margin:5px 0}.project-info .project-info__container .project-info__content .main-desc{background-color:#121422;border-radius:10px;box-shadow:inset 0 30px 60px -12px rgba(50,50,93,.25),inset 0 18px 36px -18px rgba(0,0,0,.3);height:230px;margin-bottom:10px;margin-right:10px;overflow:scroll;overflow-x:hidden;padding:10px}.project-info .project-info__container .project-info__content .main-desc p{padding-bottom:10px}@media screen and (max-width:600px){.project-info .project-info__container .project-info__content .main-desc{height:200px;margin-bottom:20px}}@media screen and (max-width:350px){.project-info .project-info__container .project-info__content .main-desc{font-size:13px;height:100px;margin-bottom:20px}}.project-info .project-info__container .project-info__content .main-desc::-webkit-scrollbar{width:3px}.project-info .project-info__container .project-info__content .main-desc::-webkit-scrollbar-track{background-color:#035a27}.project-info .project-info__container .project-info__content .main-desc::-webkit-scrollbar-thumb{background:#34d176;border-radius:10px}.project-info .project-info__container .project-info__content .links{color:#34d176;display:flex;flex-wrap:wrap;font-size:20px;margin:2px 4px}@media screen and (max-width:600px){.project-info .project-info__container .project-info__content .links{font-size:15px}}.project-info .project-info__container .project-info__content .links a{border:1px solid #34d176;color:#34d176;margin:2px 7px;padding:3px 10px;text-decoration:none;transition:all .2s ease}@media screen and (max-width:600px){.project-info .project-info__container .project-info__content .links a{margin:3px}}.project-info .project-info__container .project-info__content .links a:hover{background-color:#34d176;color:#1b1e2f}.projects{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:flex-start;margin:0 auto;width:85%}@media screen and (max-width:768px){.projects{height:auto;padding:0 10px;width:100%}}.projects .projects__heading{color:#34d176;font-family:Source Code Pro,monospace;margin:10px 0}.projects .projects__container{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;width:100%}.unselectable{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}body{color:#fff;cursor:default;overflow-x:hidden}button{color:#fff;cursor:pointer}.footer{align-self:center;background-color:#000;bottom:0;color:#fff;display:flex;font-size:24px;justify-content:center;margin-top:150px;padding:20px;width:100%;word-spacing:10px}@media screen and (max-width:600px){.footer{font-size:17px;word-spacing:5px}}@media screen and (max-width:360px){.footer{padding:10px;word-spacing:2px}}.footer .footer_love{color:red;padding:0 20px}@media screen and (max-width:600px){.footer .footer_love{padding:0 7px}}
/*# sourceMappingURL=main.78452223.css.map*/