@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&family=Titan+One&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body,button,input{font-family:"Poppins",sans-serif;font-size:1rem}body{background-color:#0a0a0f;color:#d6d6dc}h1,h2,h3{color:#f1f1f3;font-weight:600}ul{list-style:none}a{text-decoration:none;cursor:pointer}img{max-width:100%;height:auto}button{cursor:pointer}button,input{border:none;outline:none}.hidden{display:none}.container{max-width:1250px;margin-left:auto;margin-right:auto}.grid{display:grid}.section{padding:6.5rem 0 2rem}.section__title{text-align:center;font-size:2.25rem;margin-bottom:3rem}.section__title::before{content:attr(data-heading);display:block;font-size:1rem;font-weight:500;color:#17b045}.nav__toggle{height:32px;width:36px;cursor:pointer;position:fixed;right:1.5rem;top:2rem;font-size:1.2rem;border-radius:.25rem;background-color:#17b045;color:#f1f1f3;display:none;justify-content:center;align-items:center;z-index:10}.nav__logo{position:absolute;left:0;right:0;top:1.8rem;width:40px;height:40px;border-radius:50%;text-align:center;margin:auto}.nav__logo{z-index:10}.nav__logo a{display:inline-block;width:40px;height:40px}.nav__logo img{width:100%;height:100%;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.nav__logo img:hover{transform:scale(1.2);filter:drop-shadow(0 0 15px rgba(193, 248, 202, 0.6))}.img__footer{width:100px;height:100px}.nav__menu{position:fixed;transform:rotate(-90deg) translateX(-100%);transform-origin:left top;width:100vh}.nav__list{display:flex;flex-direction:row-reverse;margin:-2px auto 0 auto}.nav__link{float:right;height:100%;line-height:100px;padding:0 1rem;color:#f1f1f3;font-weight:500;position:relative;transition:.4s}.nav__link.active-link::after,.nav__link:hover::after{position:absolute;content:url("../images/mylogo.svg");width:6px;height:48px;border-radius:50%;bottom:1.8rem;left:0;right:0;margin:auto}.nav__close{font-size:1.5rem;position:absolute;top:1rem;right:1.25rem;cursor:pointer;display:none}.btn__share{position:absolute;bottom:1.8rem;left:0;right:0;text-align:center}.home__container{position:relative;height:100%;align-items:center}.home{background:url("../images/home-bg.png");background-size:cover;background-position:center center;height:100vh;overflow:hidden;z-index:0}.home__img{display:none}.home__social{position:absolute;top:1.8rem;left:0;display:flex;align-items:center;-moz-column-gap:3.5rem;column-gap:3.5rem}.main{margin-left:100px}.my__info{display:flex;-moz-column-gap:1.8rem;column-gap:1.8rem;position:absolute;left:0;bottom:1.8rem}.sidebar{position:fixed;width:100px;height:100vh;background-color:#0a0a0f;border-right:1px solid #16161d;transition:.5s}.about__container{grid-template-columns:repeat(2, 1fr);-moz-column-gap:4rem;column-gap:4rem;align-items:center}.about__info{grid-template-columns:repeat(3, 140px);-moz-column-gap:.5rem;column-gap:.5rem;margin-bottom:3rem}.about__img{width:580px;justify-self:center}.case__img{width:580px;justify-self:center}:root{--plyr-color-main: #1dde57;--plyr-control-icon-size: 1rem;--plyr-control-radius: 35px;--plyr-video-controls-background: linear-gradient(rgba(0, 0, 0, 0), #09852e);--plyr-font-family: "Poppins", sans-serif}.about__description{text-align:justify;padding-right:6rem;margin-bottom:2rem}.about__description a{color:#17b045;text-decoration:none;font-weight:500;transition:.3s}.qualification__container{grid-template-columns:repeat(2, 340px);-moz-column-gap:3rem;column-gap:3rem;justify-content:center}.services__container{grid-template-columns:repeat(3, 250px);justify-content:center;-moz-column-gap:1.8rem;column-gap:1.8rem}.services__content{position:relative;background-color:#16161d;padding:6rem 0 2rem 2.5rem;border-radius:.25rem}.work__container{grid-template-columns:repeat(3, 330px);gap:1.8rem;justify-content:center;padding-top:1rem}.work__card{background-color:#16161d;padding:1.25rem;border-radius:.5rem}.work__img{border-radius:.5rem;margin-bottom:1rem}.work__title{font-size:1rem;font-weight:500;margin-bottom:.5rem}.portfolio__item-details{display:none}.portfolio__popup-inner{background-color:#16161d;width:900px;border-radius:.5rem;padding:2.5rem;position:relative}.portfolio__popup-content{grid-template-columns:repeat(2, 1fr);align-items:center;-moz-column-gap:3rem;column-gap:3rem}.portfolio__popup-close{position:absolute;top:1.5rem;right:1.5rem;font-size:1.5rem;color:#17b045;cursor:pointer}.skills__container{grid-template-columns:360px 320px;-moz-column-gap:3rem;column-gap:3rem;justify-content:center}.contact__container{grid-template-columns:300px 340px;-moz-column-gap:3rem;column-gap:3rem;justify-content:center;align-items:center}.footer__bg{background-color:#16161d;padding:3rem 0 3.5rem}.footer__container{grid-template-columns:repeat(3, 1fr);-moz-column-gap:1.6rem;column-gap:1.6rem}.footer__copy{font-size:.813rem;text-align:center;margin-top:4.5rem}.footer__links{display:flex;justify-self:center;-moz-column-gap:2rem;column-gap:2rem}.footer__socials{justify-self:flex-end}.testimonial__card{background-color:#16161d;padding:1.8rem 2rem;border-radius:.5rem;margin-bottom:3rem}@media screen and (min-width: 992px){.testimonials__container{width:750px;margin-left:auto !important;margin-right:auto !important}}@media screen and (max-width: 1408px){.container{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (max-width: 1216px){.about__container{-moz-column-gap:2.5rem;column-gap:2.5rem}.about__description{padding-right:0}.work__container{grid-template-columns:repeat(2, 330px);gap:2.5rem}}@media screen and (max-width: 1024px){.container{margin-left:1.5rem;margin-right:1.5rem}.sidebar{width:100%;z-index:999;transform:translateX(-100%)}.show-sidebar{transform:translateX(0)}.nav__logo,.btn__share{display:none}.nav__menu{height:100%;width:100%;transform:rotate(0deg) translateX(0);display:flex;justify-content:center}.nav__list{flex-direction:column;height:100%;justify-content:center;align-items:center}.nav__link{padding:1rem 0;line-height:1.5}.nav__link.active-link::after,.nav__link:hover::after{bottom:0;height:20px}.nav__close{display:block}.nav__toggle{display:flex}.main{margin-left:0}.about__container{grid-template-columns:1fr;row-gap:2.5rem}.about__img{width:350px}.about__data{text-align:center}.about__info{justify-content:center}.about__box{padding:.75rem .5rem}.about__description{padding:0 4rem;text-align:center}.qualification__container{grid-template-columns:repeat(2, 290px)}.skills__container{grid-template-columns:340px 300px}.skills__list{row-gap:1.7rem}.work__card{padding:1rem}.work__img{margin-bottom:.75rem}.work__title{margin-bottom:.25rem}.services__container{grid-template-columns:repeat(3, 220px)}.testimonial__card{padding:1.25rem 1.5rem}.portfolio__item-details{margin-bottom:1.5rem}.details__info li{margin-bottom:.5rem}.details__title{margin-bottom:.75rem}}@media screen and (max-width: 768px){.about__img{width:250px}.qualification__container{grid-template-columns:290px;row-gap:3rem}.skills__container{grid-template-columns:300px;row-gap:3rem}.work__container{grid-template-columns:330px}.services__container{grid-template-columns:repeat(2, 1fr);gap:1.5rem}.services__content{padding:3.5rem .5rem 1.25rem 1.5rem}.services__icon{font-size:1.5rem}.contact__container{grid-template-columns:360px;row-gap:3rem}.footer__container{grid-template-columns:repeat(2, 1fr);row-gap:3rem}.footer__socials{justify-self:start}.footer__links{flex-direction:column;row-gap:1.5rem}.footer__bg{padding:2rem 0 3rem}.footer__copy{margin-top:3rem}.portfolio__popup-inner{width:420px;padding:2.8rem 1.5rem 2.5rem}.portfolio__popup-content{grid-template-columns:1fr;row-gap:1.6rem}.details__title{font-size:1rem}.portfolio__popup-close{top:.5rem}}@media screen and (max-width: 576px){.nav__toggle{right:initial;left:1.5rem}.home{background-image:none;height:initial;align-items:initial;padding:7rem 0 2rem}.home-casestudy{background-image:none;height:initial;align-items:initial;padding:7rem 0 2rem}.home__container{row-gap:2rem}.home__img{display:block;width:250px;justify-self:center;position:relative;z-index:1}.img__footer{width:80px}.home__social{left:initial;right:-1rem;flex-direction:column;row-gap:3.5rem}.home__social-follow{font-size:.813rem;transform:rotate(90deg)}.home__social-links{flex-direction:column;row-gap:.25rem}.home__social-link{font-size:1rem}.home__social-link:hover{transform:initial;transform:translateX(0.25rem)}.my__info{display:none}.about__info{grid-template-columns:repeat(3, 1fr)}.about__description{padding:0}.services__modal-content{padding:4.5rem 1.5rem 2.5rem}.services__modal-description{padding:0}.contact__container,.work__container{grid-template-columns:300px}.footer__container{grid-template-columns:1fr}.footer__links{justify-self:flex-start}}@media screen and (max-width: 350px){.container{margin-left:1rem;margin-right:1rem}.home__img{width:200px}.home__title{font-size:2.25rem}.home__subtitle{font-size:1rem}.about__info{grid-template-columns:repeat(2, 1fr);row-gap:.5rem}.contact__container,.work__container,.skills__container,.qualification__container{grid-template-columns:1fr}.skills__title{font-size:1rem}.work__item{font-size:.875rem}.work__filters{-moz-column-gap:.25rem;column-gap:.25rem}.services__container{grid-template-columns:max-content}.services__content{padding-right:3.5rem}}section #sheldon-code-cells{position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1}.home__social-follow{font-weight:500;position:relative}.home__social-follow::after{content:"";position:absolute;width:1rem;height:2px;background-color:#d6d6dc;right:-45%;top:50%}.home__social-links{display:inline-flex;-moz-column-gap:1rem;column-gap:1rem}.home__social-link{font-size:1.08rem;color:#d6d6dc;transition:.3s}.home__social-link:hover{transform:translateY(0.25rem)}.home__title{font-size:3rem}.home__subtitle{font-size:1.25rem;font-weight:500;margin-bottom:.75rem}.myrole{color:#17b045}.home__description{max-width:450px;margin-bottom:2rem}.info__item{display:flex;align-items:center}.info__title,.info__subtitle{font-size:.875rem}.info__title{font-weight:500}.info__icon{font-size:1.8rem;color:#17b045;margin-right:.75rem}.button{display:inline-flex;align-items:center;-moz-column-gap:.5rem;column-gap:.5rem;background-color:#17b045;color:#f1f1f3;padding:.75rem 1.4rem;border-radius:.25rem;font-weight:500;position:relative;z-index:1}.button::after{position:absolute;content:"";left:0;top:0;width:100%;height:100%;background-color:#343a40;z-index:-1;transform-origin:center;transform:scale(0);border-radius:.25rem;transition:.3s}.button:hover::after{transform:scale(1)}.button__icon{font-size:1.25rem}.typing{color:#17b045;padding-left:10px;display:inline-block;white-space:nowrap;overflow:hidden;border-right:3px solid #0ad647;width:0;animation:typing 3s steps(10, end) 1s infinite,blink .7s infinite step-end}@keyframes typing{0%{width:0}70%{width:7ch}90%{width:7ch}100%{width:0}}@keyframes blink{50%{border-color:rgba(0,0,0,0)}}.menu{display:flex}.social__share{font-size:1.5rem;color:#17b045}.nav__link.active-link,.nav__link:hover{color:#17b045}.footer{padding-top:2rem}.footer__title{font-size:2rem;margin-bottom:.25rem}.footer__subtitle{font-size:.875rem}.footer__link:hover{color:#17b045}.footer__social{font-size:1.25rem;margin-right:1.5rem}.footer__social:hover{color:#17b045}.footer__title,.footer__subtitle,.footer__link,.footer__social{color:#f1f1f3}.work__filters{display:flex;justify-content:center;align-items:center;-moz-column-gap:.75rem;column-gap:.75rem;margin-bottom:2rem}.work__item{cursor:pointer;color:#f1f1f3;padding:.25rem .75rem;font-weight:500;border-radius:.5rem}.work__button{color:#17b045;font-size:.875rem;display:flex;align-items:center;-moz-column-gap:.25rem;column-gap:.25rem;cursor:pointer}.work__button-icon{font-size:1rem;transition:.3s}.work__button:hover .work__button-icon{transform:translateX(0.25rem)}.active-work{background-color:#17b045;color:#f1f1f3}.portfolio__popup{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;padding:0 1rem;z-index:100;opacity:0;visibility:hidden;transition:.3s}.portfolio__popup.open{opacity:1;visibility:visible}.portfolio__popup-img{border-radius:.5rem}.portfolio__popup-subtitle{font-size:.813rem;margin-bottom:.25rem}.details__title{font-size:1.25rem;font-weight:500;margin-bottom:1rem}.details__description{font-size:.875rem;margin-bottom:2rem}.details__info li{margin-bottom:.75rem;text-transform:capitalize;font-size:.875rem}.details__info li:last-child{margin-bottom:0}.details__info li span{font-weight:normal}.details__info li a{text-transform:lowercase;color:#17b045}.services__icon{display:block;font-size:1.8rem;color:#17b045;margin-bottom:1rem}.services__title{font-size:1.25rem;margin-bottom:1rem;font-weight:500}.services__button{color:#17b045;font-size:.875rem;display:flex;align-items:center;-moz-column-gap:.25rem;column-gap:.25rem;cursor:pointer}.services__button-icon{font-size:1rem;transition:.3s}.services__button:hover .services__button-icon{transform:translateX(0.25rem)}.services__modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;padding:0 1rem;z-index:100;opacity:0;visibility:hidden;transition:.3s}.services__modal-content{width:500px;position:relative;background-color:#16161d;padding:4.5rem 2.5rem 2.5rem;border-radius:.5rem}.services__modal-close{position:absolute;top:1.5rem;right:1.5rem;font-size:1.5rem;color:#17b045;cursor:pointer}.services__modal-title,.services__modal-description{text-align:center}.services__modal-title{font-size:1.25rem;font-weight:500;margin-bottom:1rem}.services__modal-description{font-size:.875rem;padding:0 3.5rem;margin-bottom:2rem}.services__modal-services{row-gap:.75rem}.services__modal-service{display:flex;align-items:center;-moz-column-gap:.5rem;column-gap:.5rem}.services__modal-icon{color:#17b045;font-size:1.1rem}.services__modal-info{font-size:.875rem}.active-modal{opacity:1;visibility:visible}.testimonial__quote{display:inline-flex;font-size:1.5rem;color:#17b045;margin-bottom:1rem}.testimonial__description{margin-bottom:1rem;font-size:.875rem}.testimonial__date{font-size:1rem;margin-bottom:2rem}.testimonial__profile{display:flex;align-items:center;-moz-column-gap:1rem;column-gap:1rem}.testimonial__profile-img{width:60px;height:60px;border-radius:3rem}.testimonial__profile-data{display:flex;flex-direction:column;row-gap:.4rem}.testimonial__profile-name{font-size:1.25rem;font-weight:500;color:#f1f1f3}.testimonial__profile-detail{font-size:.875rem}.swiper-pagination-bullet{background-color:#b1b1b1}.swiper-pagination-bullet-active{background-color:#17b045}.qualification__title{font-size:1.25rem;font-weight:500;margin-bottom:2rem}.timeline__item{position:relative;padding-left:3rem;margin-bottom:2.5rem}.timeline__item:last-child{margin-bottom:0}.timeline__item::before{content:"";width:1px;position:absolute;left:.47rem;top:0;height:100%;background-color:#17b045}.circle__dot{position:absolute;left:0;top:0;height:1rem;width:1rem;border:2px solid #17b045;border-radius:50%;background-color:#17b045;transition:.3s}.timeline__item:hover .circle__dot{background-color:#0a0a0f}.timeline__title{font-size:1rem;font-weight:500;margin-bottom:.25rem}.timeline__text{font-size:.813rem;margin-bottom:1rem}.timeline__date{display:flex;align-items:center;-moz-column-gap:.4rem;column-gap:.4rem;font-size:.875rem;color:#17b045}.contact__info{display:grid;row-gap:1rem}.contact__card{background-color:#16161d;padding:1rem;border-radius:.5rem;text-align:center}.contact__card-icon{font-size:1.6rem;color:#f1f1f3;margin-bottom:.25rem}.contact__card-title,.contact__card-data{font-size:.875rem}.contact__card-title{font-weight:500}.contact__card-data{display:block;margin-bottom:.75rem}.contact__button{color:#17b045;font-size:.875rem;display:flex;align-items:center;justify-content:center;-moz-column-gap:.25rem;column-gap:.25rem;cursor:pointer}.contact__button-icon{font-size:1rem;transition:.3s}.contact__button:hover .contact__button-icon{transform:translateX(0.25rem)}.input__container{position:relative;margin-top:.1rem;margin-bottom:1.9rem}.input{width:100%;border:2px solid #17b045;background-color:rgba(0,0,0,0);padding:.6rem 1.2rem;color:#f1f1f3;font-weight:500;font-size:1rem;letter-spacing:.5px;outline:none;border-radius:.5rem;transition:.3s}textarea.input{padding:.8rem 1.2rem;min-height:140px;border-radius:.5rem;resize:none}.input__container label{position:absolute;top:50%;left:1rem;transform:translateY(-50%);padding:0 .4rem;color:#d6d6dc;font-size:1rem;font-weight:500;pointer-events:none;z-index:15;transition:.5s}.input__container.textarea label{top:1rem;transform:translateY(0)}.input__container span{position:absolute;top:0;left:25px;color:rgba(0,0,0,0);transform:translateY(-50%);font-size:.875rem;padding:0 .4rem;pointer-events:none;z-index:10}.input__container span::before,.input__container span::after{content:"";position:absolute;width:10%;height:5px;opacity:0;background-color:#0a0a0f;top:50%;transform:translateY(-50%);transition:.3s}.input__container span::before{left:50%}.input__container span::after{right:50%}.input__container.focus label{top:0;transform:translateY(-50%);left:25px;font-size:.813rem}.input__container.focus span::before,.input__container.focus span::after{width:50%;opacity:1}.about__heading{font-size:1.25rem;margin-bottom:.75rem}.about__box{text-align:center;border-radius:.25rem;padding:1rem 1.25rem;background-color:#16161d}.about__icon{font-size:1.5rem;color:#17b045;margin-bottom:.75rem}.about__title{font-size:.875rem}.about__subtitle{font-size:.813rem}.fullname{color:#17b045}.skills__header{display:flex;align-items:center;pointer-events:none}.skills__arrow{pointer-events:none}.skills__header:not(:last-child){margin-bottom:2.5rem}.skills__icon,.skills__arrow{font-size:2rem;color:#17b045}.skills__icon{margin-right:.75rem}.skills__title{font-size:1.25rem;font-weight:500}.skills__subtitle{font-size:.875rem}.skills__arrow{margin-left:auto}.skills__active .skills__arrow{transform:rotate(-90deg);transition:.3s}.skills [data-content]{display:block}.skills__active[data-content]{display:block}.skills__list{row-gap:1.8rem}.skills__titles{display:flex;justify-content:space-between;margin-bottom:.5rem}.skills__name{font-size:1rem;font-weight:500}.skills__bar,.skills__percentage{height:5px;border-radius:.25rem}.skills__bar{background-color:#16161d}.skills__percentage{display:block;background-color:#17b045}.icon__logo1 img{color:#17b045;left:0;right:0;top:1.8rem;width:31px;height:45px;text-align:center;margin:auto}.icon__logo2 img{color:#17b045;left:0;right:0;top:1.8rem;width:44px;height:200px;text-align:center;margin:auto}.icon__logo3 img{color:#17b045;left:0;right:0;top:1.8rem;width:45px;height:45px;text-align:center;margin:auto}.icon__logo4 img{color:#17b045;left:0;right:0;top:1.8rem;width:45px;height:168px;text-align:center;margin:auto}.scrollup{position:fixed;right:1rem;bottom:-30%;background:#17b045;border-radius:.4rem;display:inline-flex;padding:.25rem;z-index:10000;opacity:1;transition:.4s}.scrollup:hover{transform:scale(1.2)}.scrollup__icon{font-size:1.5rem;color:#f1f1f3}.show-scroll{bottom:3rem}::-webkit-scrollbar{width:.6rem;background-color:#0ad647;border-radius:.5rem}::-webkit-scrollbar-thumb{background-color:#3b3a4a;border-radius:.5rem}.loader{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background-color:#000;z-index:10000;transition:opacity .75s,visibility .75s}.loader--hidden{opacity:0;transition:opacity .5s ease}.loader__video{max-width:50%;max-height:50%}/*# sourceMappingURL=main.css.map */