@import url(https://fonts.googleapis.com/css2?family=Maitree:wght@700&family=Nunito:wght@700&display=swap);:root{--bg-lite-blue:#f0f6ff;--bg-blue:#bcd4fd;--box-shadow:0px 4px 20px rgba(94,94,94,.25);--text-blue:#0d51be;--text-grey:#414141}*{box-sizing:border-box;font-family:Nunito,sans-serif;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:#f0f6ff;color:#414141;color:var(--text-grey)}a{color:inherit;text-decoration:none}ul{list-style-type:none}.font-maitree{font-family:Maitree,serif}.text-blue{color:#0d51be;color:var(--text-blue)}.container{overflow:hidden;padding:0 8px}.btn{background-color:initial;border:none;cursor:pointer}@media screen and (min-width:768px){.container{margin-left:auto;margin-right:auto;max-width:1200px;width:100%}}@media screen and (max-width:767px){.container{margin-left:auto;margin-right:auto;max-width:760px;padding:0 10px;width:100%}}header{background-color:var(--bg-blue);box-shadow:var(--box-shadow);margin-bottom:20px}.navbar{align-items:center;display:flex;justify-content:space-between}.navbrand{color:var(--text-blue);font-size:2.2rem}.nav-menu{grid-gap:50px;align-items:center;display:grid;gap:50px;grid-template-columns:repeat(3,auto);justify-content:end}.nav-link{font-size:1.2rem}.nav-link:hover{color:var(--text-blue)}.menu-icon{display:none}@media screen and (min-width:768px){header{padding:10px 0}.nav-link a:after{background:var(--text-grey);border-radius:16px;bottom:1px;content:"";display:block;height:5px;left:0;position:relative;transition:all .3s ease-out 0s;width:2ch}.nav-link:hover a:after{background:var(--text-blue);width:100%}}@media screen and (max-width:767px){.nav-menu{align-items:stretch;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:hsla(0,0%,100%,.25);border-radius:13px;box-shadow:0 8px 32px 0 rgba(31,38,135,.37);display:flex;flex-direction:column;justify-content:flex-start;padding:60px 0 30px;position:fixed;right:-110%;text-align:center;top:0;transition:all .3s ease;width:100%}.nav-menu.active{right:0;z-index:1}.nav-link{display:block;padding:1.2rem 0;widows:100%}.nav-link:hover{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-blue)}.menu-icon{display:block}}.line{fill:none;stroke:var(--text-grey);transition:stroke-dasharray .6s cubic-bezier(.4,0,.2,1),stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.line,.line1{stroke-width:6}.line1{stroke-dasharray:60 207}.line2{stroke-dasharray:60 60}.line2,.line3{stroke-width:6}.line3{stroke-dasharray:60 207}.opened .line1{stroke-dasharray:90 207;stroke-dashoffset:-134;stroke-width:6}.opened .line2{stroke-dasharray:1 60;stroke-dashoffset:-30;stroke-width:6}.opened .line3{stroke-dasharray:90 207;stroke-dashoffset:-134;stroke-width:6}.about{display:flex;justify-content:space-between}.about-info{align-items:center;display:flex;flex-direction:column;justify-content:flex-end;text-align:center}.about-info>div:first-of-type{font-size:2.2rem}.about-info div span{display:inline-block}.about-info>p{margin-top:1.5rem}.column{flex:1 1}.pf-img .hero{display:block;height:100%;margin-left:auto;max-width:100%;width:100%}.about-info .font-maitree{margin-top:auto}.about-info .mail-box{align-items:center;background:#fff;border-radius:20px;box-shadow:var(--box-shadow);display:flex;justify-content:space-between;margin-bottom:1rem;margin-top:auto;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding:.5rem 1rem}.about-info .mail-box>a{align-items:center;display:flex;justify-content:center}.mail-button{background:var(--bg-blue);border-radius:10px;height:2rem;margin-left:1rem;width:2.5rem}.social-media{display:flex}.social-media>a{margin:.5rem 1rem}@media screen and (min-width:768px){.pf-img{max-height:600px;position:relative}}@media screen and (max-width:767px){.about-info{align-items:center;text-align:center}.about-info .mail-box{margin-top:1rem}.pf-img{position:absolute;z-index:-1}.pf-img:after{background-color:#f0f6ff60;content:"";height:100%;left:0;position:absolute;top:0;width:100%}}footer{margin:1.5rem 0;overflow:visible!important;position:relative;text-align:center}.footer-text a:hover{color:var(--text-blue)}footer .contact-me{background:#fff;border-radius:0 20px 20px 20px;bottom:-.5rem;box-shadow:var(--box-shadow);height:40px;position:absolute;right:1rem;width:40px}@media screen and (max-width:767px){footer .contact-me{bottom:1.5rem;position:fixed;right:20px}}section{padding-top:5rem!important}.section-title{align-items:center;display:flex;flex-direction:column;margin:2rem 0}.section-title div:first-of-type{font-size:2.2rem;margin-bottom:1rem;position:relative}.section-title div:after{background:var(--text-blue);border-radius:10px;bottom:1px;content:"";display:block;height:5px;left:0;left:calc(50% - 1ch);position:relative;width:2ch}.section-title div:before{background:var(--text-grey);bottom:3px;content:"";display:block;height:1px;position:absolute;width:100%}.section-title>p{text-align:center}#resume{align-items:center;display:flex;flex-direction:column;justify-content:center}.resume-body{display:flex;margin-left:-30px;padding-left:10px;width:auto}.resume-body-item{background-clip:padding-box;padding-left:30px}.resume-body-item>div{margin-bottom:30px}.resume-body .resume-title{font-size:2rem;margin:20px 0}.resume-body .resume-item{border-left:2px solid var(--text-blue);margin-top:-2px;padding:0 0 20px 20px;position:relative}.resume-body .resume-item h4{color:var(--text-blue);font-size:18px;line-height:18px;margin-bottom:10px}.resume-body .resume-item h5{display:inline-block;font-size:16px;margin-bottom:10px;padding:5px 15px}.resume-body .resume-item ul{padding-left:20px}.resume-body .resume-item ul li{padding-bottom:10px}.resume-body .resume-item:last-child{padding-bottom:0}.resume-body .resume-item:before{background:var(--bg-lite-blue);border:2px solid var(--text-blue);border-radius:50px;content:"";height:16px;left:-11px;position:absolute;top:0;width:16px}.work-body{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(12,1fr);margin:20px}.work-body a{border-radius:20px;box-shadow:var(--box-shadow);grid-column:span 4;overflow:hidden;position:relative}.card img{height:100%;transition:all .2s ease-in-out;width:100%}.card:hover img{-webkit-transform:scale(1.2) rotate(-3deg);transform:scale(1.2) rotate(-3deg)}.work-body .project-info{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:hsla(0,0%,100%,.4);bottom:0;height:45px;left:-1px;padding:0 20px;position:absolute;right:-1px;transition:all .2s ease-in-out}.card:hover .project-info{height:50%}@media screen and (max-width:767px){.work-body a{grid-column:2/span 10}.card .project-info{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding-bottom:20px}}#skills{align-items:center;display:flex;flex-direction:column;justify-content:center}.skills-body{grid-gap:30px;align-items:end;display:grid;grid-template-columns:repeat(12,1fr);padding:20px;width:100%}.skills-body .skill_bar{grid-column:span 4}@media screen and (max-width:767px){.skills-body .skill_bar{grid-column:span 6}}.skills-body .skill_bar .info{align-items:center;display:flex;justify-content:space-between;padding:0 10px}.skill_bar .bar{background-color:var(--bg-blue);border-radius:25px;height:10px;margin-top:5px;position:relative;width:100%}.skill_bar .bar span{background-color:var(--text-blue);border-radius:25px;height:100%;position:absolute}
/*# sourceMappingURL=main.8b85eae9.css.map*/