*,body{box-sizing:border-box}body{-webkit-font-smoothing:"Roboto",sans-serif;-moz-osx-font-smoothing:"Roboto",sans-serif;font-family:Roboto,sans-serif;font-style:normal}body,h1,h2,h3,h4,h5,h6,p{margin:0}:root{--primary:#5e3bee;--heading-color:#282938;--bg-shade:#f5fcff;--github:#24292e;--darkblue:#1c1e53;--black:#000;--white:#fff}.btn{border-radius:4px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;cursor:pointer;display:inline-block;font-family:Roboto;font-size:14px;font-style:normal;font-weight:400;line-height:24px;padding:14px 32px;text-align:center;text-decoration:none;transition:background-color .5s;-webkit-transition:background-color .5s;-moz-transition:background-color .5s;-ms-transition:background-color .5s;-o-transition:background-color .5s}.btn-outline-primary{background-color:#fff;background-color:var(--white);border:1px solid #5e3bee;border:1px solid var(--primary);color:#5e3bee;color:var(--primary)}.btn-outline-primary:hover,.btn-primary{background-color:#5e3bee;background-color:var(--primary);color:#fff;color:var(--white)}.btn-primary{border:1px solid #5e3bee;border:1px solid var(--primary)}.btn-primary:hover{background-color:#fff;background-color:var(--white);color:#5e3bee;color:var(--primary)}.btn-github{align-items:center;background-color:#24292e;background-color:var(--github);border:#24292e;border:var(--github);box-shadow:0 1px 2px 0 #101828f2;color:#fff;color:var(--white);display:flex;flex-direction:row;gap:16px;justify-content:center}.btn-github:hover{background-color:#fff;background-color:var(--white);color:#24292e;color:var(--github)}h1{font-size:56px;line-height:67px}h1,h2{font-weight:700}h2{font-size:48px;line-height:58px}h3{font-size:24px;font-weight:700;line-height:34px}.text-lg{font-size:18px;line-height:27px}.text-lg,.text-md{color:#1c1e53;color:var(--darkblue);font-style:normal;font-weight:400}.text-md{font-size:16px;line-height:24px}.text-sm{color:#000;color:var(--black);font-size:14px;font-style:normal;font-weight:400;line-height:21px}.section-title{align-items:flex-start;display:flex;font-size:21px;font-style:normal;line-height:32px;text-align:center}.section-title,.sub-title{color:#282938;color:var(--heading-color);font-weight:600}.sub-title{font-size:16px;line-height:24px}.navbar{align-items:center;background:#fff;background:var(--white);box-shadow:0 5.333px 80px 0 #0000001a;display:flex;justify-content:space-between;left:0;padding:15px 85.333px;position:fixed;right:0;top:0;z-index:10}.navbar-logo{display:flex;flex-wrap:nowrap}.navbar-logo img{border-radius:10px;cursor:pointer;display:flex;max-height:70px;min-width:70px;width:200px}.navbar-items>ul{align-items:flex-start;display:flex;gap:42.667px;list-style:none}.navbar-items>ul,.navbar-items>ul>li>a{text-decoration:none}.navbar-content{color:#1c1e53;color:var(--darkblue);cursor:pointer;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.navbar-active-content{color:#5e3bee;color:var(--primary)}

/* ! hero section */.hero-section{grid-gap:32px;align-items:center;background-color:#f5fcff;background-color:var(--bg-shade);display:grid;gap:32px;grid-template-columns:repeat(2,1fr);justify-content:center;min-height:100vh;padding:133.333px 85.33px 133.33px}.hero-section-content-box{gap:32px}.hero-section-content,.hero-section-content-box{align-items:flex-start;display:flex;flex-direction:column}.hero-section-content{gap:21.33px}.hero-section-content-box>button{margin-top:21.33px}.hero-section-title{align-self:stretch;color:#282938;color:var(--heading-color);font-size:74.667px;font-weight:700;line-height:90px}.hero-section-title-color{color:#5e3bee;color:var(--primary)}.hero-section-title-description{color:#1c1e53;color:var(--darkblue);font-size:24px;font-weight:400;line-height:36px}.hero-section-img{align-items:center;display:flex;justify-content:center}.hero-section-img>img{border-radius:50%;height:100%;min-width:300px;width:100%}.hero-section-button-group{align-items:center;display:flex;gap:20px;justify-content:space-between}.social-icon>ul{align-items:center;display:flex;flex-shrink:0;gap:26px;justify-content:flex-end;list-style:none;margin:0;padding:0;text-decoration:none}.social-icon-a{color:#000;color:var(--black)}.social-icon>ul>li:hover{transform:translateY(-2px)}
/*! About section */.about-section{grid-gap:144.6px;align-items:center;display:grid;gap:144.6px;grid-template-columns:repeat(2,1fr);justify-content:center;min-height:100vh;padding:133.3px 85.3px}.about-section-img>img{border-radius:20px;height:100%;max-height:900px;min-width:300px;width:100%}

/* ! add some styling here */.about-section-description{color:#333;font-size:16px;font-weight:420;letter-spacing:.5px;line-height:1.6;text-align:justify;word-spacing:.5px}

/*! All skill section */.allSkill-section{align-items:center;background-color:#f5fcff;background-color:var(--bg-shade);color:#282938;color:var(--heading-color);display:flex;font-size:21px;font-style:normal;font-weight:600;justify-content:center;line-height:32px;min-height:100vh;padding:120.3px 85.3px;text-align:center}.innerSectContainer{margin:0 auto;max-width:1000px;padding:0 auto;width:95vw}.sectTitle{color:#333;font-size:2.5em;margin-bottom:20px;text-align:center}.skillGroupTitle{color:#444;font-size:1.2em;padding:20px 0 10px}.skillGroup{align-content:center;flex-wrap:wrap;gap:15px;margin:0}.box,.skillGroup{display:flex;justify-content:center}.box{align-items:center;background:#fff;background:var(--white);border:1px solid #5e3bee;border:1px solid var(--primary);border-radius:10px;flex-direction:column;height:120px;width:140px}.skillBox{padding:5px}@media screen and (max-width:465px){.box{height:100px;width:100px}.git-btn-text,.skillBox>p{display:none}}.box.skillBox svg{height:50px;margin-bottom:10px;width:50px}.box.skillBox:hover{box-shadow:0 5px 15px #0003;transform:translateY(-5px)}
/* !My protfolio */.portfolio-section{align-items:flex-start;display:flex;flex-direction:column;gap:80px;min-height:100vh;padding:112px 85px}.portfolio-container-box{align-items:center;display:flex;justify-content:space-between;width:100%}.portfolio-container{align-items:flex-start;display:flex;flex-direction:column;gap:21.3px}.portfolio-section-container{grid-gap:21.3px;align-items:stretch;display:grid;gap:21.3px;grid-template-columns:repeat(3,minmax(250px,400px));height:100%;justify-content:center;width:100%}.portfolio-section-img{border-radius:8px;width:100%}.portfolio-section-img>img{min-height:288px;object-fit:fill;width:100%}.portfolio-section-card,.portfolio-section-img>img{border-top-left-radius:12px;border-top-right-radius:12px}.portfolio-section-card{align-items:flex-start;background:#fff;box-sizing:0 0 32px 0 #00000026;cursor:pointer;display:flex;flex:1 1;flex-direction:column;height:100%;max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content;min-width:300px}.portfolio-section-card:hover{stroke:#006b6a;border-radius:12px;box-shadow:0 5px 15px #0003;transform:translateY(-5px)}.portfolio-section-card-content{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;flex-grow:1;gap:32px;justify-content:space-between;padding:32px;text-align:justify}.portfolio-section-card-content>div>h3{text-align:left}.portfolio-section-title{color:#282938;color:var(--heading-color)}.portfolio-link{border-bottom:1.33px solid #5e3bee;border-bottom:1.33px solid var(--primary);display:flex;font-weight:600;gap:16px;padding-bottom:10.66px;text-decoration:none}.portfolio-link:hover{background-color:#5e3bee;background-color:var(--primary);border:1px solid #5e3bee;border:1px solid var(--primary);border-radius:5px;color:#fff;color:var(--white);padding:5px;transition:.3s ease-in-out}

/*! Contact section */.contact-section{align-items:center;background:#f5fcff;background:var(--bg-shade);display:flex;flex-direction:column;gap:64px;justify-content:center;min-height:100vh;padding:150px 85px;text-align:center}.contact-form-container{display:grid;grid-template-columns:auto;grid-template-rows:repeat(5,auto)}.container{grid-column-gap:32px;grid-row-gap:32px;column-gap:32px;display:grid;grid-template-columns:repeat(2,auto);row-gap:32px}.contact-label{align-items:flex-start;display:flex;flex:1 0;flex-direction:column;gap:10.6px;width:100%}.contact-input{align-items:center;align-self:stretch;background-color:#fff;background-color:var(--white);border:1.33px solid #5e3bee;border:1.33px solid var(--primary);border-radius:8px;display:flex;font-family:Roboto;padding:16px}.contact-message{display:flex;padding:32px 0}.error-text{color:red}.success-icon{color:green;font-size:25px;margin-bottom:10px}.success-message{padding-bottom:32px}
/* ! Responsive Screens */@media only screen and (max-width:1800px){.hero-section-title{font-size:68px;line-height:70px}}

/*! CSS for all section below 1200px */@media only screen and (max-width:1200px){.btn-outline-primary{display:none}.hero-section{display:flex;flex-direction:column-reverse;padding-bottom:70px}.about-section-description,.hero-section-title{text-align:center}.about-section,.portfolio-container-box,.skills-section-container{display:flex;flex-direction:column}.portfolio-section-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.hero-section-content,.hero-section-content-box,.portfolio-container{align-items:center}.portfolio-container-box{gap:30px}.contact-section{gap:20px;padding-bottom:70px;padding-top:70px}.about-section{
    /* ! change the padding after adding description */align-items:center;gap:20px;padding:90px 80px}.section-heading{text-align:center}.hero-section-title,.section-heading,.skills-section-heading{font-size:35px;line-height:40px;text-align:center}.hero-section-content-box{gap:10px}.contact-form-container{width:100%}.container{display:flex;flex-direction:column;gap:10px}.social-icon>ul{align-items:center;padding:0}}.nav_hamburger{display:none;flex-direction:column;height:1.313rem;justify-content:space-around;position:absolute;right:25px;top:32px;width:1.875rem}.nav_hamburger_line{background-color:#000;border-radius:.625rem;display:block;height:.188rem;transition:all .2s ease-in-out;width:100%}@media screen and (max-width:1200px){.nav_hamburger{display:flex;z-index:200}.navbar-items{align-items:center;background-color:#fff;display:flex;justify-content:center;left:0;position:absolute;top:-20rem;transition:all .4s ease-in-out;width:100%}.navbar-items ul{align-items:center;flex-direction:column;padding:3rem 0 .6rem;width:100%;z-index:-100}.navbar-items ul li{text-align:center}.navbar-items ul li a{padding:.5rem}.navbar-items{z-index:-1000}.navbar-items.active{top:30px}.nav_hamburger.active :first-child{transform:rotate(45deg) translate(.45rem,.1875rem)}.nav_hamburger.active :nth-child(2){opacity:0}.nav_hamburger.active :nth-child(3){transform:rotate(-45deg) translate(.45rem,-.1875rem)}}@media screen and (max-width:414px){.section-heading{font-size:35px}.portfolio-section-card-content{text-align:center}.portfolio-section-card{border-radius:12px;box-shadow:0 5px 15px #0003}.portfolio-section-card:hover{transform:none}.portfolio-section-card-content>div>h3{text-align:center}.portfolio-section-img{display:none}}.notfound-container{align-items:center;background-color:#f5fcff;background-color:var(--bg-shade);display:flex;flex-direction:column;font-family:Inter,sans-serif;height:100vh;justify-content:center;text-align:center}.notfound-container,.notfound-title{color:#282938;color:var(--heading-color)}.notfound-title{font-size:6rem;font-weight:800;margin:0}.notfound-text{color:#282938;color:var(--heading-color);font-size:1.5rem;margin:.5rem 0 1.5rem}
/*# sourceMappingURL=main.aeb09579.css.map*/