@media screen and (width>=360px){h1{font-size:48px}h2{margin-bottom:130px;font-size:44px}}@media screen and (width>=530px){.grid-container{grid-row-gap:50px;grid-template-columns:1fr 1fr;grid-template-areas:"heading img""row2 row2"}.item-1{grid-area:heading;place-self:center start}h1{font-size:72px}.item-2{grid-area:img;justify-self:end}.item-2 img{width:250px}.item-3{grid-area:row2}}@media screen and (width>=650px){body{font-size:var(--fs-desktop)}.nav{padding:10px var(--desktop-padding)}.grid-container{padding:var(--desktop-padding)}.experience,.skills,footer{padding:0 var(--desktop-padding);margin-bottom:130px}.hero{margin-top:40px}h1{font-size:88px}h2{font-size:60px}}@media screen and (width>=840px){.right-col img{width:350px}nav{display:block}nav ul{gap:60px;padding:0;display:flex}nav ul li{list-style:none}nav a{color:var(--black);text-transform:capitalize;font-weight:700;text-decoration:none;position:relative}nav a:after{content:"";background:var(--orange);transform-origin:100%;width:100%;height:4px;transition:transform .35s ease-in;position:absolute;bottom:0;left:0;transform:scaleX(0)}nav a:hover:after{transform-origin:0;transform:scaleX(1)}h1{font-size:100px}h2{margin-bottom:136px;font-size:80px}.cards-container{gap:100px}.card{margin:0}.card-row1{justify-content:flex-end;margin-right:10px;display:flex}.card-row2{justify-content:flex-start;display:flex}.pill{min-width:215px;max-width:240px}.pill-row-1,.pill-row-3{flex-direction:row;justify-content:space-between}.pill-row-2{flex-direction:row;justify-content:center}footer ul{flex-direction:row;justify-content:space-evenly}}@media screen and (width>=1009px){.outer-wrapper{margin:0 auto}.grid-container{grid-template-columns:1fr 1fr;grid-template-areas:"heading img";margin-top:100px}.item-1{grid-area:heading;align-self:start}.item-2{grid-area:img}.item-3{grid-area:heading;align-self:center;margin-top:140px;padding-right:10px}h1{font-size:81px}.item-2 img{width:350px}.experience{background-image:url(steps3.69f32948.png);background-position:right 276px bottom 256px;background-repeat:no-repeat}.cards-container{gap:150px}.pill-container{gap:70px;padding:0 152px 0 142px}}@media screen and (width>=1082px){h1{font-size:88px}}
/*# sourceMappingURL=index.6a77f12e.css.map */