*,:before,:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}ul{margin:0;padding:0}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%}input,button,textarea,select{font:inherit}button{padding:0}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}}body{color:#fff;background-color:#151515;font-family:Space Grotesk,sans-serif}section{padding-block-end:5rem}header{z-index:10;width:100%;padding-block:1.5rem;position:absolute}footer{background-color:#242424}h2,.visually-hidden{display:none}h3{font-size:2rem;font-weight:700;line-height:2.5rem}h5{text-transform:uppercase;font-size:1.5rem;line-height:2rem}p,li{color:#d9d9d9;font-size:clamp(1rem,.18779vw + .955986rem,1.125rem);line-height:clamp(1.625rem,1.58rem + .18779vw,1.75rem)}li{list-style:none}form{gap:2rem;display:grid;position:relative}input,textarea{color:#fff;border:none;background-color:#0000;border-block-end:.0625rem solid #d9d9d9;padding-inline-start:1.5rem}input{padding-block-end:1rem}textarea{resize:none;padding-block-end:5rem}input:focus,input:hover,textarea:focus,textarea:hover{border-block-end:.0625rem solid #4ee1a0;outline:none}input.invalid{border-color:#ff6f5b}.error-message,.error-symbol{color:#ff6f5b;display:none;position:absolute;right:0}.error-message{font-size:.74rem;line-height:1rem;top:7.6875rem}.error-symbol{border:.0625rem solid #ff6f5b;border-radius:31.25rem;width:1.5rem;height:1.5rem;top:4.6875rem}.error-symbol__sign{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.error-message.active,.error-symbol.active{display:block}.container{text-align:center;width:91.4667%;margin:0 auto}.header{gap:1.25rem;display:grid}.header__links{width:1.23063rem;height:1.2rem}.logo,.contact__name{letter-spacing:-.020625rem;font-size:clamp(1.5rem,.75vw + 1.3rem,2rem);font-weight:700;line-height:2rem}.header__items{justify-content:center;gap:clamp(1.625rem,.75vw + 1.3rem,2rem);display:flex}.hero__container{flex-direction:column-reverse;display:flex}.grid-skill-padding{gap:1.5rem;padding-block:2.5rem;display:grid}.grid-skill-padding,.projects__cards{grid-template-areas:"first""second""third""fourth""fifth""sixth";grid-auto-columns:1fr}.grid-contact-padding{padding-block-start:3.75rem}.hero{position:relative;overflow:hidden}.hero__img{width:10.875rem}.hero__image{position:relative}.hero__heading{letter-spacing:-.07125rem;font-size:clamp(2.5rem,4.5vw + 1.44rem,5.5rem);line-height:clamp(2.5rem,4.5vw + 1.44rem,5.5rem)}.hero__paragraph{font-size:clamp(1rem,.18779vw + .955986rem,1.125rem);line-height:1.625rem}.hero__text{place-items:center;gap:1.5rem;display:grid}.hero__heading br{display:none}.pattern__circle{position:absolute;top:15.875rem;right:-4.375rem}.pattern__rings{width:33.125rem;height:8.6875rem;position:absolute;top:clamp(7.75rem,.845vw + 7.55rem,8.3125rem);left:clamp(-12.5rem,9.39vw - 14.7007rem,-6.25rem)}.projects__heading,.contact__heading{font-size:clamp(2.5rem,4.5vw + 1.44rem,5.5rem);line-height:clamp(2.5rem,4.5vw + 1.44rem,5.5rem)}.skill{position:relative;overflow:hidden}.skill>.container{border-block:.0625rem solid #fff}.skill__type:first-child,.projects__card-items:first-child{grid-area:first}.skill__type:nth-child(2),.projects__card-items:nth-child(2){grid-area:second}.skill__type:nth-child(3),.projects__card-items:nth-child(3){grid-area:third}.skill__type:nth-child(4),.projects__card-items:nth-child(4){grid-area:fourth}.skill__type:nth-child(5),.projects__card-items:nth-child(5){grid-area:fifth}.skill__type:nth-child(6),.projects__card-items:nth-child(6){grid-area:sixth}.pattern__rings-skill{width:33.125rem;height:8.0625rem;position:absolute;bottom:.9375rem;right:-11.9375rem}.projects__title{justify-content:space-between;align-items:center;margin-block-end:2.5rem;display:flex}.projects__cards{gap:2.5rem;display:grid}.projects__card-items{text-align:left;gap:1.25rem;display:grid}.projects__card-text{gap:.4375rem;display:grid}.project__card-skills-list{gap:1.125rem;display:flex}.project__card-btn:nth-child(2){margin-inline-start:1.875rem}.contact{position:relative}.contact__heading{margin-block-end:clamp(1.25rem,6vw + 1rem,2.125rem)}.contact__paragraph{margin-block-end:3.125rem}.pattern__rings-contact{width:33.125rem;height:8.0625rem;position:absolute;bottom:5.3125rem;left:-11.9375rem}.form__button{justify-content:end;display:flex}.contact__secondary-container{border-block-start:.0625rem solid #fff;flex-direction:column;gap:1.25rem;padding-block-start:2.4375rem;display:flex}.contact__socials{justify-content:center;gap:clamp(1.625rem,.75vw + 1.3rem,2rem);display:flex}.u-underline{position:relative}.u-underline:after{content:"";background-color:#4ee1a0;width:97%;height:.25rem;position:absolute;bottom:.125rem;left:0}.btn{text-transform:uppercase;letter-spacing:.143125rem;cursor:pointer;color:#fff;background-color:#0000;border:none;padding-block-end:.625rem;font-size:1rem;font-weight:700;line-height:1.625rem;transition:color .3s ease-in-out;position:relative}.btn:hover,.btn:focus{color:#4ee1a0}.btn:before{content:"";background-color:#4ee1a0;width:100%;height:.125rem;position:absolute;bottom:0}@media (width>=48em){h3{font-size:3rem;line-height:3.5rem}.container{text-align:initial}.header{justify-content:space-between;align-items:center;display:flex}.header__links{width:auto;height:auto}.hero__container{flex-direction:initial}.hero__container .hero__image{z-index:-1;position:absolute;right:0}.hero__container .hero__img{object-fit:cover;width:20.125rem;min-height:37.5rem}.hero__container .hero__text{place-items:start;width:70%;margin-block-start:9.4375rem;display:block}.hero__container .hero__heading{margin-block-end:3.75rem}.hero__container .hero__paragraph{width:26.25rem;max-width:85%;margin-block-end:2.125rem}.grid-skill-padding{row-gap:clamp(3.25rem,.89vw + 2.82rem,3.625rem);padding-block:clamp(3.25rem,2.976vw + 1.82rem,4.5rem)}.skill>.container{border-block-end:none}.pattern__rings-skill{bottom:5rem;right:-19.6875rem}.projects__cards{gap:1.5rem}.contact__secondary{padding-block-end:2.5rem}.contact__secondary-container{flex-direction:row;justify-content:space-between;gap:0;display:flex}.contact{padding-block-end:5.75rem}.contact__socials{align-items:center;display:flex}}@media (width>=48em) and (width<=89.9375em){.u-underline{line-height:6rem}.grid-skill-padding,.projects__cards{grid-template-areas:"first second""third fourth""fifth sixth"}.hero__text{width:50rem}.hero__heading{font-size:4.5rem;line-height:4.5rem}.hero__paragraph{font-size:1.125rem}.hero__heading br{display:inline-block}.pattern__circle{top:29.4375rem}.pattern__rings{top:5.375rem;left:-16.5625rem}.pattern__rings-contact{bottom:1.5626rem;left:-22.8125rem}.grid-contact-padding{text-align:center;width:57.9%}}@media (width>=90em){.container{width:77.08%}.grid-skill-padding{grid-template-areas:"first second third""fourth fifth sixth"}.projects__cards{grid-template-areas:"first second""third fourth""fifth sixth"}.projects__card-items{cursor:pointer;position:relative;overflow:hidden}.projects__card-items:after{content:"";opacity:0;background:#242424;width:100%;height:85%;transition:all .3s ease-in-out;position:absolute;top:5%;left:0}.projects__card-items:hover:after{opacity:.7;top:0}.projects__card-items:hover .project__card-btn{opacity:1}.projects__card-items .project__card-btn:nth-child(2){margin-inline-start:0}.projects__card-items .project__card-buttons{z-index:1;place-items:center;gap:3rem;display:grid;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.projects__card-items .project__card-btn{opacity:0}.hero{padding-block-end:6.5rem}.hero__container{padding-block-end:6.875rem;position:relative}.hero__container .hero__img{width:27.8125rem;min-height:45rem}.hero__container .hero__text{margin-block-start:12.375rem}.hero__container .hero__heading{max-width:46.875rem}.hero__container .hero__paragraph{width:26.25rem;max-width:53.5%;margin-block-end:4.125rem}.pattern__rings-skill{bottom:6.25rem;right:-15rem}.pattern__rings-contact{bottom:3.4375rem}.pattern__circle{top:32.5625rem;right:34.375rem}.skill__name{margin-block-end:.875rem}.projects__cards{gap:4.3125rem 1.875rem}.projects{padding-block-end:8.6875rem}.grid-contact-padding{justify-content:space-between;padding-block-start:5.25rem;display:flex}.contact__text{max-width:38.6%}.contact__form{width:45%}.contact__secondary{padding-block-end:5.75rem}}
/*# sourceMappingURL=single-page-developer-portfolio.724e8f85.css.map */