body{font-family:Poppins,Arial,sans-serif}html{box-sizing:border-box;font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width:350px){html{font-size:50%}}*,:after,:before{box-sizing:inherit;margin:0;padding:0}body{line-height:1.6;margin:0;padding:0}.img-fluid{height:auto;max-width:100%}.read-less,.read-more{color:#2f89fc;cursor:pointer;display:inline-block}.misc__read-more{margin-bottom:2rem}.collapsible{max-height:0;overflow:hidden;transition:all .4s ease-in-out}.dots{display:inline}.break{display:block;margin-bottom:2.3rem}.html{background-color:#e34f26!important}.css{background-color:#1572b6!important}.javascript{background-color:#f7df1e!important}.alpine{background-color:#78c1d2!important}.sass{background-color:#c69!important}.git{background-color:#fb4f28!important}.bootstrap{background-color:#7952b3!important}.gulp{background-color:#cf4647!important}.technologies{align-items:center;display:flex;flex-wrap:wrap;list-style:none}.technologies__item:not(:last-child){margin-right:1rem}.technologies__item{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#2f89fc;border-radius:4%;box-shadow:0 1rem 3rem rgba(0,0,0,.8);color:#121212;display:inline-block;margin-bottom:1rem;padding:.25rem .75rem;transition:all .2s ease-in-out}.technologies__item:hover{box-shadow:0 2rem 3rem rgba(0,0,0,.8);-webkit-transform:translateY(-3px) scale(1.07);transform:translateY(-3px) scale(1.07)}.socials{align-items:center;display:flex;flex-wrap:wrap;justify-content:flex-start;list-style:none}.socials__item{display:inline-block}.socials__link{align-items:center;border-radius:50%;display:flex;justify-content:center}.socials__icon{transition:all .2s}.wrapper{margin-bottom:25rem}.header1{position:fixed;top:0;width:100%;z-index:99999}.progress-container{background:#121212;height:8px;width:100%}.progress-bar{background:#2f89fc;height:8px;transition:all .3s ease-in-out;width:0}@-webkit-keyframes moveInLeft{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes moveInLeft{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes moveInRight{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes moveInRight{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes moveInBottom{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes moveInBottom{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.section--hidden{opacity:0;-webkit-transform:translateY(15rem);transform:translateY(15rem)}h1,h2,h3{line-height:1.1;margin:0;padding:0}a,a:active,a:visited{text-decoration:none}.header__nav-link,.header__nav-link:link,.header__nav-link:visited{font-size:clamp(2.2rem,3vw,3rem);font-weight:300;letter-spacing:1rem;text-transform:uppercase}.heading-1{font-size:clamp(2.3rem,5.5vw,5.5rem);font-weight:700;letter-spacing:clamp(.73rem,1vw,1rem)}.heading-1,.heading-2{text-transform:uppercase}.heading-2{color:hsla(0,0%,100%,.08);font-size:clamp(3.8rem,13vw,14rem);letter-spacing:.6rem;line-height:.7}@media only screen and (max-width:1100px){.heading-2--contact{font-size:clamp(3.8rem,10vw,14rem)!important;letter-spacing:0!important}}@media only screen and (max-width:500px){.heading-2{letter-spacing:.3rem}}.heading-3{color:#fff;font-size:clamp(1.2rem,3.5vw,3.5rem)}.heading-3,.heading-4{font-weight:300;letter-spacing:.2rem}.heading-4{font-size:clamp(2rem,2.6vw,2.6rem)}.heading-5{font-size:clamp(1.6rem,2.1vw,2.1rem);font-weight:400}.heading-caption{padding:4rem 5rem 0;z-index:9}@media only screen and (max-width:960px){.heading-caption--contact{font-size:clamp(.6rem,2.5vw,3.5rem)!important}.heading-caption{padding:3rem 3.5rem 0}}@media only screen and (max-width:720px){.heading-caption{padding:3rem 2.5rem 0}}@media only screen and (max-width:500px){.heading-caption{padding:1.5rem 2.5rem 0}}.hero-section__caption{font-size:clamp(1.5rem,2vw,2rem);font-weight:400;letter-spacing:4px;text-transform:uppercase}.cta{font-size:1.6rem;font-size:clamp(1.2rem,2vw,1.6rem);letter-spacing:.3rem;padding:1rem 2rem;text-transform:uppercase}.btn-primary,.btn-primary:link,.btn-primary:visited{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#121212;background-image:linear-gradient(120deg,transparent,transparent 50%,#2f89fc 0);background-size:250%;box-shadow:0 1rem 3rem rgba(0,0,0,.8);color:#2f89fc;display:block;display:inline-block;font-size:clamp(1.2rem,1.5vw,1.75rem);font-weight:400;padding:.5rem 1rem;text-decoration:none;transition:all .4s}.btn-primary:hover,.btn-primary:link:hover,.btn-primary:visited:hover{background-position:100%;color:#121212;-webkit-transform:translateX(0);transform:translateX(0)}.detail-paragraph{font-size:clamp(1.39rem,1.8vw,1.8rem);font-weight:400;letter-spacing:.3px}.external-link{color:#fff;cursor:pointer}.technologies__item{font-size:clamp(1.4rem,1.8vw,1.8rem);font-weight:400;letter-spacing:.3px}.secondary-text,.secondary-text:link,.secondary-text:visited{color:#2f89fc}.portfolio__project-title{letter-spacing:0;line-height:1.4}.project-caption{font-size:clamp(1rem,1.2vw,1.4rem);font-weight:300;letter-spacing:.1em;text-transform:uppercase}body{background-color:#121212;color:#8c8c8c;font-weight:300}body:after{height:600px;right:-50px;top:-150px;-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}body:after,body:before{border:2px solid hsla(0,0%,100%,.05);bottom:0;content:"";position:fixed;width:400px;z-index:-1}body:before{height:400px;left:-100px;top:500px;-webkit-transform:rotate(20deg);transform:rotate(20deg)}.container{margin:0 auto;max-width:100%}@media only screen and (min-width:500px){.container{max-width:500px}}@media only screen and (min-width:720px){.container{max-width:720px}}@media only screen and (min-width:960px){.container{max-width:960px}}@media only screen and (min-width:1100px){.container{max-width:1100px}}.body{overflow:hidden}.header{height:10rem;padding:2.5rem 2rem}.header .container{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}.header__logo-box{align-self:center;justify-self:start;max-width:12.5rem}@media only screen and (min-width:720px){.header__logo-box{max-width:14rem}}@media only screen and (min-width:960px){.header__logo-box{max-width:18rem}}.header__logo-box img{display:block}.header__navigation{align-self:center;justify-self:end;position:fixed;z-index:555}.header__hamburger{align-items:center;background-color:#121212;border-radius:50%;box-shadow:0 1rem 3rem rgba(0,0,0,.7);cursor:pointer;display:flex;height:6.5rem;justify-content:center;position:relative;width:6.5rem;z-index:9999}.header__hamburger:hover .header__hamburger-icon{-webkit-transform:translateY(-.2rem) scale(1.05);transform:translateY(-.2rem) scale(1.05)}.header__hamburger-icon{position:relative}.header__hamburger-icon,.header__hamburger-icon:after,.header__hamburger-icon:before{background-color:#fff;display:inline-block;height:2px;transition:all .2s;width:4rem}.header__hamburger-icon:after,.header__hamburger-icon:before{content:"";left:0;position:absolute}.header__hamburger-icon:after{top:.7rem}.header__hamburger-icon:before{top:-.7rem}.header__hamburger-icon--toggle{background-color:transparent}.header__hamburger-icon--toggle:before{top:0;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.header__hamburger-icon--toggle:after{top:0;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.header__nav{align-items:center;bottom:0;display:flex;height:100vh;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .7s ease-in;visibility:hidden;width:100%;z-index:10}.header__nav--show{opacity:1;visibility:visible}.header__nav:before{height:400px;left:-100px;top:500px;-webkit-transform:rotate(20deg);transform:rotate(20deg)}.header__nav:after,.header__nav:before{border:2px solid hsla(0,0%,100%,.05);bottom:0;content:"";position:fixed;width:400px;z-index:-1}.header__nav:after{height:600px;right:-50px;top:-150px;-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}.header__nav-list{list-style:none;opacity:0;text-align:center;-webkit-transform:translateY(200%);transform:translateY(200%);transition:all .6s cubic-bezier(.68,-.55,.265,1.55);transition-delay:.3s;visibility:hidden}.header__nav-list--show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);visibility:visible}.header__nav-item{margin:2rem}.header__nav-link,.header__nav-link:link,.header__nav-link:visited{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-image:linear-gradient(120deg,transparent,transparent 50%,#2f89fc 0);background-size:250%;color:#8c8c8c;display:inline-block;padding:1rem 2rem;text-decoration:none;transition:all .4s}.header__nav-link:hover,.header__nav-link:link:hover,.header__nav-link:visited:hover{background-position:100%;color:#121212;-webkit-transform:translateX(1rem);transform:translateX(1rem)}.backdrop{background-color:#121212;border-radius:50%;box-shadow:0 1rem 3rem rgba(0,0,0,.7);height:3rem;position:absolute;right:2rem;top:2rem;transition:all .8s cubic-bezier(.86,0,.07,1);width:3rem;z-index:9}.backdrop-show{-webkit-transform:scale(150);transform:scale(150)}.hero-section{align-items:center;display:flex;height:calc(100vh - 10rem);justify-content:center}.hero-section__content{-webkit-backface-visibility:hidden;backface-visibility:hidden;margin-top:-10rem;text-align:center}.hero-section__heading{-webkit-animation:moveInRight 1s ease-out;animation:moveInRight 1s ease-out;color:#fff;display:block;margin:3rem 0}.hero-section__caption{-webkit-animation:moveInLeft 1s ease-out;animation:moveInLeft 1s ease-out;color:hsla(0,0%,100%,.6);display:block}.hero-section__cta{-webkit-animation:moveInBottom .5s ease-out .75s;animation:moveInBottom .5s ease-out .75s;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-image:linear-gradient(120deg,transparent,transparent 50%,#2f89fc 0);background-size:250%;color:hsla(0,0%,100%,.6);display:block;display:inline-block;text-decoration:none;transition:all .4s}.hero-section__cta:hover{background-position:100%;color:#121212;-webkit-transform:translateX(1rem);transform:translateX(1rem)}.hero-section__cta span{text-decoration:underline}.about{transition:all .8s}.about .container{display:flex;gap:14rem}@media only screen and (max-width:960px){.about .container{gap:6rem}}@media only screen and (max-width:720px){.about .container{flex-direction:column;gap:3rem}}@media only screen and (max-width:500px){.about .container{gap:1.5rem}}.about__picture{flex:1}.about__image-box{margin:0 auto;max-width:95%}@media only screen and (max-width:720px){.about__image-box{max-width:90%}}.about__image{display:block;-webkit-filter:grayscale(1);filter:grayscale(1);position:relative;transition:all .25s ease-out;z-index:0}@media only screen and (max-width:720px){.about__image{transition:none}}.about__content{flex:2;position:relative}@media only screen and (max-width:500px){.about__content{padding:0 1.25rem;text-align:justify}}.about__detail{display:flex;flex-direction:column;gap:2.3rem;margin-top:5.3rem;padding:0 5rem;position:relative;z-index:9}@media only screen and (max-width:960px){.about__detail{margin-top:4rem;padding:0 2rem}}@media only screen and (max-width:720px){.about__detail{margin-top:3rem;padding:0 1rem}}@media only screen and (max-width:500px){.about__detail{margin-top:3rem;padding:0 1.5rem}}.about__skill-set{display:flex;gap:2rem}@media only screen and (max-width:720px){.about__skill-set{flex-direction:column}}.about__box{flex:1}.about__box h4{margin-bottom:1.5rem}@media only screen and (max-width:720px){.about__box h4{margin-bottom:1rem}}.about__heading{font-size:clamp(7.2rem,14vw,14rem);position:absolute;z-index:5}.about__heading-4,.about__sub-heading{color:#fff}.about__socials{gap:2rem}@media only screen and (max-width:720px){.about__socials{gap:1.5rem}}.about__socials-link{background-color:hsla(0,0%,100%,.08);height:4.5rem;width:4.5rem}.about__socials-link:hover .about__socials-icon{fill:#fff}.about__socials-icon{fill:#2f89fc;height:2rem;width:2rem}.about__email-phone-box p:not(:last-child){margin-bottom:1rem}.about__email-phone{transition:all .4s}.about__email-phone:hover{color:#fff}.services{margin-top:auto;padding:2rem;transition:all .8s}.services .container{position:relative}.services .services__heading{position:absolute}.services__box{grid-gap:8rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(30rem,1fr));margin-top:16rem}@media only screen and (max-width:720px){.services__box{margin-top:10rem}}.services__card{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;text-align:center}.services__icon{fill:#2f89fc;height:5.5rem;margin-bottom:2rem;width:5.5rem}.services__card-heading{color:#fff;margin-bottom:.8rem}.portfolio{overflow:hidden;padding:2rem;transition:all .8s}.portfolio .container{position:relative}.portfolio__heading{position:absolute}.portfolio__project-box{margin-top:16rem}.portfolio__project{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex}@media only screen and (max-width:720px){.portfolio__project{flex-direction:column}}.portfolio__project:nth-child(2n){flex-direction:row-reverse}@media only screen and (max-width:720px){.portfolio__project:nth-child(2n){flex-direction:column}}.portfolio__project:not(:last-child){margin-bottom:8rem}.portfolio__image-box{-webkit-backface-visibility:hidden;backface-visibility:hidden;flex:1.7;overflow:hidden;position:relative;transition:all .25s ease-out}@media only screen and (max-width:720px){.portfolio__image-box{transition:none}}.portfolio__image-box:after{background-color:#121212;bottom:-10px;content:"";left:-10px;opacity:0;position:absolute;right:-10px;top:-10px;transition:all .3s ease}.portfolio__image-box:hover:after{opacity:.6}.portfolio__image-box:hover .portfolio__image{-webkit-transform:scale(1.05);transform:scale(1.05)}.portfolio__image{display:block;height:100%;-o-object-fit:cover;object-fit:cover;transition:all .3s ease;width:100%}.portfolio__details-box{align-items:flex-start;display:flex;flex:2;flex-direction:column;gap:2rem;justify-content:center;padding:5% 7%}.portfolio__project-title{color:#fff}.contact{padding:2rem;transition:all .8s}.contact .container{position:relative}.contact__heading{position:absolute}.contact__form-box{background-image:linear-gradient(105deg,hsla(0,0%,7%,.9),hsla(0,0%,7%,.9) 55%,transparent 0),url(../images/contact.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:space-between;margin-top:16rem;padding:6rem}@media only screen and (max-width:720px){.contact__form-box{background-image:linear-gradient(105deg,hsla(0,0%,7%,.9),hsla(0,0%,7%,.9) 70%,transparent 0),url(../images/contact.webp)}}@media only screen and (max-width:500px){.contact__form-box{padding:3rem}}.contact__social-icons-box{align-items:center;display:flex;justify-content:center}.contact__form-heading{margin-bottom:6rem}.contact--social-icons{flex-direction:column}.contact--icon-item:not(:last-child){margin-bottom:3rem}.contact--link{background-color:hsla(0,0%,7%,.8);border:1px solid #2f89fc;height:3.3rem;width:3.3rem}.contact--link:hover .contact--icon{fill:#fff}.contact--link:hover.contact--link{border-color:#fff}.contact--icon{fill:#2f89fc;height:1.4rem;width:1.4rem}.form{width:50%}.form__group{width:80%}@media only screen and (max-width:720px){.form{width:75%}}@media only screen and (max-width:500px){.form{width:90%}}.form__group:not(:last-child){margin-bottom:1rem}.form__input{background-color:transparent;border:none;border-bottom:1.7px solid hsla(0,0%,100%,.08);color:#fff;display:block;font-family:inherit;font-size:1.4rem;font-weight:300;letter-spacing:.7px;padding:1.5rem 0;transition:all .5s;width:100%}.form__input:focus{border-color:#2f89fc;outline:none}.form__input::-webkit-input-placeholder{color:hsla(0,0%,100%,.6);font-family:inherit;font-size:1.4rem;font-weight:300}.form__input::-moz-placeholder{color:hsla(0,0%,100%,.6);font-family:inherit;font-size:1.4rem;font-weight:300}.form__input:-ms-input-placeholder{color:hsla(0,0%,100%,.6);font-family:inherit;font-size:1.4rem;font-weight:300}.form__input::-ms-input-placeholder{color:hsla(0,0%,100%,.6);font-family:inherit;font-size:1.4rem;font-weight:300}.form__input::placeholder{color:hsla(0,0%,100%,.6);font-family:inherit;font-size:1.4rem;font-weight:300}.form__input:-moz-placeholder-shown+.form__label{opacity:0;transform:translateY(-4.2rem);visibility:hidden}.form__input:-ms-input-placeholder+.form__label{opacity:0;transform:translateY(-4.2rem);visibility:hidden}.form__input:placeholder-shown+.form__label{opacity:0;-webkit-transform:translateY(-4.2rem);transform:translateY(-4.2rem);visibility:hidden}.form__label{display:block;font-size:1.2rem;font-weight:400;margin-top:.7rem;transition:all .3s}.form__submit{border:none;font-family:inherit;font-size:1.4rem;font-weight:400;letter-spacing:.4rem;padding:.8rem 1rem;width:100%}.footer{padding:6rem 0;text-align:center}.footer__text{font-size:1.5rem;text-align:center}.footer__link,.footer__link:link,.footer__link:visited{text-decoration:none;text-transform:uppercase;transition:all .4s}.footer__link:hover,.footer__link:link:hover,.footer__link:visited:hover{color:#fff}
/*# sourceMappingURL=style.css.map */