body{margin:0;font-style:normal}h1,h2,h3,h4,h5,h6,p{margin:0}:root{--primary: #3d727a;--heading-color: #282938;--bg-shade: #effafa;--github: #3d727a;--darkblue: #1c1e53;--black: #000000;--white: #ffffff;--tshirt: #10ce8e }.btn{display:inline-block;padding:8px 15px;font-size:16px;font-weight:400;line-height:24px;cursor:pointer;text-align:center;text-decoration:none;border-radius:4px;--webkit-border-radius: 5px;--moz-border-radius: 5px;--ms-border-radius: 5px;--o-border-radius: 5px;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{color:var(--primary);background-color:var(--white);border:1px solid var(--primary)}.btn-outline-primary:hover{color:var(--white);background-color:var(--primary)}.btn-primary{color:var(--white);background-color:var(--primary);border:1px solid var(--primary)}.btn-primary:hover{color:var(--primary);background-color:var(--white)}.btn-github{color:var(--white);background-color:var(--github);border:var(--github);display:flex;flex-direction:row;align-items:center;box-shadow:0 1px 2px #101828f2;gap:16px}.btn-github:hover{color:var(--github);background-color:var(--white)}h1{font-size:56px;font-weight:700;line-height:67px}h2{font-size:48px;font-weight:700;line-height:58px}h2{font-size:24px;font-weight:700;line-height:34px}.text-lg{color:var(--darkblue);font-size:18px;font-style:normal;font-weight:400;line-height:27px}.text-md{color:var(--darkblue);font-size:16px;font-style:normal;font-weight:400;line-height:24px}.text-sm{color:var(--black);font-size:14px;font-style:normal;font-weight:400;line-height:21px}.section--title{color:var(--heading-color);font-size:21px;text-align:center;font-style:normal;font-weight:600;line-height:32px;display:flex;align-items:flex-start}.sub--title{color:var(--heading-color);font-size:16px;font-weight:600;line-height:24px}.hero--section{display:grid;grid-template-columns:repeat(2,1fr);padding:133.333px 85.33px;align-items:center;justify-content:space-between;gap:32px;background-color:var(--bg-shade)}.hero--section--content-box{display:flex;flex-direction:column;align-items:flex-start;gap:32px}.hero--section--content{display:flex;flex-direction:column;align-items:flex-start;gap:21.333px}.hero--section--content--box>button{margin-top:21.333px}.hero--section--title{color:var(--heading-color);font-size:74.667px;font-weight:700;line-height:90px;align-self:stretch}.hero--section--title--color{color:var(--primary)}.hero--section-description{color:var(--darkblue);font-size:24px;font-weight:400;line-height:36px}.hero--section--img{display:flex}.hero--section--img>img{width:100%;height:100%}.hero--button--container{display:flex;flex-direction:row;margin:50px;gap:10px}.icon{vertical-align:top;padding-right:5px}.navbar{display:flex;justify-content:space-between;align-items:center;padding:15px 85.33px;background:var(--white);box-shadow:0 5.333px 80px #0000001a;position:fixed;top:0;left:0;right:0}.navbar--items>ul{list-style:none;display:flex;align-items:flex-start;gap:42.66px;text-decoration:none}.navbar--items ul>li>a{text-decoration:none}.navbar--content{color:var(--darkblue);font-size:16px;font-style:normal;font-weight:400;line-height:24px;cursor:pointer}.navbar--active-content{color:var(--tshirt)}.skills--section{display:flex;padding:149.33px 85.33px;flex-direction:column;justify-content:center;align-items:flex-start;gap:106.667px}.skills--section--heading{color:var(--heading-color);font-size:64px;font-weight:700;line-height:77px}.skills--section--container{display:grid;justify-content:center;align-items:flex-start;gap:42.6px;grid-template-columns:repeat(4,1fr)}.skills--section--card{display:flex;padding:32px;flex-direction:column;align-items:flex-start;gap:32px;flex:1 0 0;border-radius:10.6px;background:var(--bg-shade);min-height:250px;border:1px solid var(--bg-shade)}.skills--section--card:hover{border-bottom:4px solid #8db6b7}.skills--section--card:hover .skills--section--description{color:var(--darkblue)}.skills--section--img{display:flex;padding:13.3px;justify-content:center;align-items:center;gap:13.3px;border-radius:10.6px;background:#fff;box-shadow:0 0 16px #0003}.skills--section--card--content{display:flex;flex-direction:column;align-items:flex-start;gap:32px;align-self:stretch}.skills--section--title{color:var(--heading-color);font-size:32px;font-weight:700;line-height:45px}.skills--section--description{color:var(--black);font-size:21.3px;font-style:italic;font-weight:400;line-height:32px}.portfolio--section{display:flex;padding:112px 85px;flex-direction:column;align-items:flex-start;gap:80px}.portfolio--container-box{display:flex;justify-content:space-between;align-items:center;width:100%}.portfolio--container{display:flex;flex-direction:column;align-items:flex-start;gap:21.3px}.portfolio--section--container{display:flex;align-items:center;justify-content:center;gap:42.6px;width:100%}.portfolio--section--img{border-radius:8px;width:100%}.portfolio--section--img>img{width:100%}.portfolio--section--card{display:flex;flex-direction:column;align-items:flex-start;flex:1 0 0;background-color:#fff;box-shadow:0 0 32px #00000026;border-top-left-radius:12px;border-top-right-radius:12px}.portfolio--section--card--content{display:flex;padding:20px 32px;flex-direction:column;align-items:flex-start;gap:20px;align-self:stretch}.portfolio--section--title{color:var(--heading-color);font-weight:700}.portfolio--link{text-decoration:none;display:flex;gap:5px;border-bottom:1.33px solid var(--primary);padding-bottom:5px;cursor:pointer}.portfolio--link:hover path{stroke:var(--tshirt)}.testimonial--section{display:flex;padding:112px 84.3px;flex-direction:column;align-items:flex-start;gap:30px;background-color:var(--bg-shade)}.sections--heading{color:var(--heading-color)}.testimonial--section--card{display:flex;padding:35.6px;flex-direction:column;align-items:flex-start;gap:42.6px;flex:1 0 0;border-radius:8px;border:1.33px solid #006b6a}.testimonial--section--card--review{display:flex;align-items:flex-start;gap:5.33px;font-weight:600;text-decoration:none}.testimonial--section--card--review:link,.testimonial--section--card--review:visited{color:#000}.testimonial--section--card--review:hover{color:var(--tshirt)}.testimonial--section--card--author--detail{display:flex;align-items:center;gap:21.3px}.testimonial--author--name{font-weight:600;color:var(--heading-color)}.testimonial--author--designation{color:var(--darkblue);font-size:16px;font-weight:400;line-height:150%}.contact--section{display:flex;padding:150px 85px;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:64px}.contact--form--container{display:grid;grid-template-columns:auto;grid-template-rows:repeat(5,auto);width:40%;row-gap:32px}.container{display:grid;grid-template-columns:repeat(2,auto);column-gap:32px;row-gap:32px}.contact--label{display:flex;flex-direction:column;align-items:flex-start;gap:10.6px;flex:1 0 0;width:100%}.contact--input{display:flex;font-family:Roboto;padding:16px;align-items:center;align-self:stretch;border-radius:8px;border:1.333px solid var(--primary);background:var(--white)}.footer--container{display:flex;padding:106.667px 85.333px;flex-direction:column;align-items:flex-start;background:var(--bg-shade);align-items:center;align-self:stretch}.footer--link--container{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.footer--items>ul{list-style:none;display:flex;align-items:flex-start;gap:42.667px;text-decoration:none}.footer--items ul>li>a{text-decoration:none}.footer--social--icon>ul{list-style:none;display:flex;justify-content:flex-end;align-items:center;gap:16px;flex-shrink:0;text-decoration:none}.divider{margin:106px 0 42.67px;height:1.333px;width:100%;background:#2829388c}.footer--content--container{display:flex;justify-content:space-between;align-items:center;align-self:stretch}.footer--content{color:var(--black);font-size:18.667px;font-weight:400;line-height:28px}.footer--cursor{cursor:pointer}@media only screen and (max-width: 1800px){.hero--section--title{font-size:68px;line-height:70px}.skills--section--title{font-size:28px;line-height:40px}}@media only screen and (max-width: 1600px){.skills--section--heading{font-size:54px;line-height:70px}.skills--section--container{gap:16px}.skills--section--card{gap:28px}.skills--section--card--content{gap:20px}.skills--section--title{font-size:23px;line-height:30px}.skills--section--description{font-size:17.333px;line-height:27px}}@media only screen and (max-width: 1200px){.btn-outline-primary{display:none}.hero--section{display:flex;flex-direction:column-reverse;padding-bottom:70px}.hero--section--title,.hero--section-description,.footer--content{text-align:center}.skills--section--container,.about--section,.portfolio--section--container,.portfolio--container-box,.footer--link--container,.footer--items>ul,.footer--content--container{display:flex;flex-direction:column}.skills--section,.portfolio--container,.hero--section--content,.hero--section--content--box{align-items:center}.portfolio--container-box{gap:30px}.skills--section,.testimonial--section,.contact--section,.footer--container{gap:20px;padding-top:70px;padding-bottom:70px}.about--section{gap:20px;padding-top:0;padding-bottom:0}.testimonial--section--card{padding:25px}.hero--section--title,.skills--section--heading,.sections--heading{font-size:35px;line-height:40px}.hero--section--content--box{gap:10px}.contact--form--container{width:100%}.container{display:flex;flex-direction:column;gap:10px}.footer--social--icon>ul,.footer--items>ul{padding:0;align-items:center}.divider{margin:20px}}.nav__hamburger{display:none;width:1.875rem;height:1.313rem;flex-direction:column;justify-content:space-around;position:absolute;top:25px;right:25px}.nav__hamburger__line{display:block;height:.188rem;width:100%;background-color:#000;border-radius:.625rem;transition:all ease-in-out .2s}@media screen and (max-width: 1200px){.nav__hamburger{display:flex;z-index:200}.navbar--items{display:flex}.navbar--items{position:absolute;display:flex;align-items:center;justify-content:center;background-color:#fff;top:-20rem;left:0;width:100%;transition:all ease-in-out .4s}.navbar--items ul{flex-direction:column;align-items:center;width:100%;padding:3rem 0 .6rem;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 :nth-child(1){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)}}