@import url(https://fonts.googleapis.com/css?family=Montserrat:400,600,700);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{margin:0;padding:0;font-family:"Montserrat",sans-serif}html{scroll-behavior:smooth}:root[data-theme=dark]{--background:#1f1f1f;--primary:#ff0;--footer__text:#ff0;--secondary:#ff7600;--text:#fff}:root[data-theme=light]{--background:#fff;--primary:#ff0;--footer__text:#1f1f1f;--secondary:#ff7600;--text:#1f1f1f;--picture:invert(100%) sepia(0%) saturate(0%) hue-rotate(202deg) brightness(103%) contrast(101%)}:root{--text__secondary:#1f1f1f;scrollbar-color:var(--primary) #1f1f1f!important;scrollbar-width:thin!important;overflow-x:hidden}:root[datatheme=no__scroll]{overflow:hidden}.loading{margin:0;left:0;top:0;height:100vh;z-index:1000;justify-content:center}.loading,.navigation{position:fixed;width:100%;display:flex;align-items:center;background-color:var(--background)}.navigation{z-index:200;height:100px;color:var(--text);transition:.3s ease-in-out}.navigation__inner{display:flex;justify-content:space-between;align-items:center;font-size:20px;width:70%;margin:auto}.nav__logo{padding-right:150px;padding-top:10px}.nav__logo img{width:150px}.nav__btn{text-align:center;white-space:nowrap}.nav__btn .icon,.nav__btn .icon__dark{display:none}.nav__link{font-weight:700;color:var(--text);text-decoration:none;padding:0 15px}.nav__link:hover{cursor:pointer;color:var(--primary)}.dark__toggle,.light__toggle{font-size:25px;padding-top:5px;color:var(--text);border:none;background:none;cursor:pointer}.dark__button,.light__button{width:100%;height:100%;display:none}.dark__button{color:var(--text)}.active{display:block;-webkit-animation:fade_in_show .3s;animation:fade_in_show .3s}@-webkit-keyframes fade_in_show{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes fade_in_show{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.light{color:#1f1f1f;background-color:#fff;transition:.3s ease-in-out}@media only screen and (max-width:1128px){.navigation__inner{width:95%}}@media only screen and (max-width:800px){.navigation__inner{padding:20px 0}.nav__logo{display:none}}@media only screen and (max-width:550px){.navigation{position:fixed;bottom:0;left:0;background-color:var(--background);height:55px}.navigation__inner{padding:0}.navigation .nav__btn{flex-basis:100%;font-size:.9rem}.navigation .nav__btn .nav__link{display:none}.navigation .nav__btn .nav__icon{text-decoration:none}.navigation .nav__btn .nav__icon .icon{display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--primary)}.navigation .nav__btn .nav__icon .icon__dark{display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--text)}.dark__button,.light__button{font-size:1.1rem}}.form__section{flex:1 1;width:70%}.form__section h1{text-align:center;width:70%;font-size:4em}.form__section form{width:70%}.form__section form div{padding:1em 0}.form__section form div label{font-weight:700}.form__section form div input{height:2em;box-shadow:none}.form__section form div .message,.form__section form div input{width:100%;padding:5px;border-radius:5px;border:2px solid var(--primary);background-color:transparent;color:var(--text);outline:none}.form__section form div .message{height:10em}.form__section form div button{width:100%;padding:1em 0;background-color:var(--primary);border:1px solid var(--primary);border-radius:5px;font-size:1em;font-weight:700;outline:none;cursor:pointer}@media screen and (max-width:1080px){.form__section h1{font-size:2em}form{margin:0 auto!important;width:80%!important;text-align:center}form div input{padding:0 0 0 5px!important}form div .message,form div input{width:80%!important}form div button{width:50%!important}}.landing__page{background-color:var(--background);transition:.3s ease-in-out;color:var(--text)}.landing__page .landing__page__inner{padding-top:12em;display:flex;width:70%;margin:0 auto}.landing__page .landing__page__inner .heading__section{flex:3 1;position:relative}.landing__page .landing__page__inner .heading__section .heading__container{position:absolute;top:60%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:inherit}.landing__page .landing__page__inner .heading__section .heading__container h1{font-size:3em;padding:.5em 0}.landing__page .landing__page__inner .heading__section .heading__container h1 span{color:var(--primary);-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#000}.landing__page .landing__page__inner .heading__section .heading__container h3{font-size:1.5em}.landing__page .landing__page__inner .heading__section .heading__container h3 span{color:var(--primary);-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#000}.landing__page .landing__page__inner .heading__section .heading__container .contact__btn{padding-top:2em}.landing__page .landing__page__inner .heading__section .heading__container .contact__btn button{background-color:transparent;border:1px solid var(--primary);border-radius:5px;box-shadow:0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3),inset 0 -2px 6px 0 rgba(10,37,64,.35);cursor:pointer}.landing__page .landing__page__inner .heading__section .heading__container .contact__btn button p{padding:1em 2em;color:var(--primary);font-weight:700}.landing__page .landing__page__inner .heading__section .heading__container .contact__btn .btn__dark{border-color:#000}.landing__page .landing__page__inner .heading__section .heading__container .contact__btn .btn__dark p{color:#000}.landing__page .landing__page__inner .logo__section{flex:1 1;text-align:center}.landing__page .landing__page__inner .logo__section .logo{padding-top:10%;width:30em}.landing__page .contact__section{height:70vh;display:flex;padding-top:20em}.landing__page .contact__section .contact__link__group{flex:1 1}.landing__page .contact__section .contact__link__group .contact__heading{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);text-align:center;font-size:2em;position:relative;top:30%}.landing__page .contact__section .contact__link__group .contact__heading span{color:var(--primary);-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#000}.landing__page .contact__section .contact__link__group .contact__link{position:relative;top:65%;display:flex;justify-content:space-around}@media screen and (max-width:1024px){.landing__page .landing__page__inner{width:90%;padding-top:5%;flex-direction:column-reverse}.landing__page .landing__page__inner .heading__section{flex:1 1}.landing__page .landing__page__inner .heading__section .heading__container{position:relative;top:0;-webkit-transform:translateY(0);transform:translateY(0);text-align:center}.landing__page .landing__page__inner .heading__section .heading__container h1{font-size:2em!important}.landing__page .landing__page__inner .heading__section .heading__container h3{padding:1.5em 0}.landing__page .landing__page__inner .heading__section .heading__container .contact__btn{margin:0 auto!important}.landing__page .contact__section{height:auto;padding-top:10em}.landing__page .contact__section .contact__link__group{display:none}.landing__page .contact__section .form__section{width:100%}.landing__page .contact__section .form__section h1{text-align:center;width:100%}.landing__page .contact__section .form__section form{margin:0}}@media screen and (max-width:768px){.landing__page .landing__page__inner{width:90%;padding-top:0;flex-direction:column-reverse}.landing__page .landing__page__inner .heading__section{flex:1 1}.landing__page .landing__page__inner .heading__section .heading__container{position:relative;top:0;-webkit-transform:translateY(0);transform:translateY(0);text-align:center}.landing__page .landing__page__inner .heading__section .heading__container h1{font-size:2em!important}.landing__page .landing__page__inner .heading__section .heading__container h3{padding:1.5em 0}.landing__page .landing__page__inner .heading__section .heading__container .contact__btn{margin:0 auto!important}.landing__page .landing__page__inner .logo__section{flex:1 1;padding-top:3em}.landing__page .landing__page__inner .logo__section .logo{width:20em}}@media screen and (max-width:480px){.landing__page .landing__page__inner{width:90%;padding-top:0;flex-direction:column-reverse}.landing__page .landing__page__inner .heading__section{flex:1 1}.landing__page .landing__page__inner .heading__section .heading__container{position:relative;top:0;-webkit-transform:translateY(0);transform:translateY(0);text-align:center}.landing__page .landing__page__inner .heading__section .heading__container h1{font-size:2em!important}.landing__page .landing__page__inner .heading__section .heading__container h3{padding:1.5em 0}.landing__page .landing__page__inner .heading__section .heading__container .contact__btn{margin:0 auto!important}.landing__page .landing__page__inner .logo__section{flex:1 1;padding-top:3em}.landing__page .landing__page__inner .logo__section .logo{width:20em}.landing__page .contact__section{height:auto}.landing__page .contact__section .contact__link__group{display:none}.landing__page .contact__section .form__section{width:100%}.landing__page .contact__section .form__section h1{text-align:center;width:100%}.landing__page .contact__section .form__section form{margin:0 auto}}.intro{background-color:var(--background);height:100%;transition:.3s ease-in-out;font-family:inherit}.intro .intro__landing{padding-top:25vh;display:flex;flex-direction:column;align-items:center}.intro .intro__landing .header{display:flex;justify-content:center;align-items:center;padding-bottom:3rem}.intro .intro__landing .header .arrow img{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.intro .intro__landing .header h1{font-weight:400;font-size:3rem;padding:0 3rem;color:var(--text);text-align:center}.intro .intro__landing p{text-align:center;color:var(--text);width:40%}.intro .intro__landing .art{display:flex;justify-content:space-around;align-items:center;width:80%;padding-top:8rem}.intro .intro__landing .art a{text-decoration:none;color:var(--text)}.intro .intro__landing .art .atom1 img{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:300px;-webkit-filter:var(--picture);filter:var(--picture)}.intro .intro__landing .art .scroll img{padding-top:3rem;-webkit-transform:rotate(180deg);transform:rotate(180deg);width:80px}.intro .intro__landing .art .atom2 img{-webkit-transform:rotate(45deg) scaleX(-1);transform:rotate(45deg) scaleX(-1);width:300px;-webkit-filter:var(--picture);filter:var(--picture)}.intro .intro__landing .art .arrow__down{display:flex;flex-direction:column;align-items:center}.intro .intro__landing .art .arrow__down span{padding-bottom:1rem}.intro .intro__landing .art .arrow__down img{padding-top:1.5rem}.team{margin-top:7rem;padding-top:6rem}.team,.team .team__inner{display:flex;justify-content:center}.team .team__inner{width:60%;align-items:center;flex-wrap:wrap;width:80%}.team .team__inner .team__card__container{display:flex;flex-direction:column;align-items:center;background-color:transparent;margin:2rem;padding:1rem 1rem 2rem;width:250px;height:500px}.team .team__inner .team__card__container .team__card__content{margin-top:3rem;display:flex;flex-direction:column;align-items:center;width:100%;min-height:400px;padding:5rem 1.5rem 1.8rem;border-radius:40px;background-color:#fff;border:2px solid var(--primary);box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3)}.team .team__inner .team__card__container .team__card__content p{padding:1rem;text-align:center}.team .team__inner .team__card__container .team__card__content .team__about{height:250px}.team .team__inner .team__card__container .team__card__content .team__icons{width:140px;display:flex;justify-content:space-between;padding-top:1rem}.team .team__inner .team__card__container .team__card__content .team__icons a{text-decoration:none;color:var(--text__secondary)}.team .team__inner .team__card__container .team__card__content .team__icons i{font-size:1.5rem}.team .team__inner .team__card__container .team__card__photo{position:absolute;top:20px}.team .team__inner .team__card__container .team__card__photo img{height:130px;width:130px;border-radius:30px}@media only screen and (max-width:1300px){.intro .intro__landing p{width:80%}.intro .intro__landing .art .atom1 img,.intro .intro__landing .art .atom2 img{width:250px}}@media only screen and (max-width:840px){.intro .intro__landing .header h1{font-size:2.2rem}.intro .intro__landing .art{justify-content:center}.intro .intro__landing .art .atom1 img,.intro .intro__landing .art .atom2 img{display:none}.team .team__inner{width:90%}}@media only screen and (max-width:550px){.intro{padding-top:1rem}.intro .intro__landing{padding-top:3rem}.intro .intro__landing .header h1{font-size:2rem;text-align:center}.intro .intro__landing p{width:90%}.intro .intro__landing .art{padding-top:3rem}}.about__container{background-color:var(--background);transition:.3s ease-in-out;display:flex;justify-content:center;color:var(--text);text-align:center;font-family:inherit}.about__container .about__inner{padding-top:11rem;padding-bottom:3rem;width:80%;display:flex;flex-direction:column;align-items:center}.about__container .about__inner .about__header{width:55%;padding-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.about__container .about__inner .about__header h1{font-weight:500;font-size:3rem;margin:auto}.about__container .about__inner .about__header .arrow__right img{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.about__container .about__inner p{width:60%;padding-bottom:5rem}.about__container .about__inner .about__technologies{width:55%;padding-top:5rem;padding-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.about__container .about__inner .about__technologies h1{font-weight:500;font-size:3rem;margin:auto}.about__container .about__inner .about__technologies .arrow__right img{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.about__container .about__inner .about__icons{font-size:2rem;width:70%;padding-bottom:4rem;display:flex;justify-content:center;flex-wrap:wrap;font-size:4rem}.about__container .about__inner .about__what__we__do{width:55%;padding-top:7rem;padding-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.about__container .about__inner .about__what__we__do h1{font-weight:500;font-size:2.5rem;margin:auto}.about__container .about__inner .about__what__we__do .arrow__right img{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.about__container .about__inner .about__img:first-of-type{position:absolute;bottom:15%;right:8%;width:300px;-webkit-transform:rotate(45deg) scaleX(-1);transform:rotate(45deg) scaleX(-1);-webkit-filter:var(--picture);filter:var(--picture)}.about__container .about__inner .about__img:nth-of-type(2){position:absolute;top:110%;left:8%;width:300px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-filter:var(--picture);filter:var(--picture)}.about__team{background-color:transparent;width:70%;height:200px;padding-top:5rem;flex-direction:column}.about__team,.about__team .about__text{display:flex;justify-content:center;align-items:center}.about__team .about__text{width:100%;height:170px;background-color:#fff;border:1px solid #1f1f1f;box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3);border-radius:15px}.about__team .about__text p{padding:0;width:90%;color:#1f1f1f}.about__team .about__btn{display:flex;justify-content:center;align-items:center;height:3rem;width:8rem;-webkit-transform:translateY(-25px);transform:translateY(-25px);text-decoration:none;outline:none;border:none;border-radius:5px;box-shadow:0 50px 100px -20px rgba(50,50,93,.25),0 30px 60px -30px rgba(0,0,0,.3),inset 0 -2px 6px 0 rgba(10,37,64,.35);cursor:pointer;background-color:var(--primary)}.about__team .about__btn:hover{-webkit-transform:translateY(-20px) scale(1.2);transform:translateY(-20px) scale(1.2)}@media only screen and (max-width:1300px){.about__container .about__inner{padding-top:10rem}.about__container .about__inner .about__img{display:none}.about__container .about__inner .about__technologies,.about__container .about__inner .about__what__we__do,.about__container .about__inner p{width:80%}.about__container .about__inner .about__icons{width:60%}}@media only screen and (max-width:840px){.about__container .about__inner{padding-top:8rem;width:100%}.about__container .about__inner .about__header{width:90%}.about__container .about__inner .about__img{display:none}.about__container .about__inner .about__technologies{width:100%}.about__container .about__inner .about__icons{width:70%}.about__container .about__inner .about__what__we__do{width:100%}}@media only screen and (max-width:550px){.about__container .about__inner{padding-top:3rem;padding-bottom:1rem;width:100%}.about__container .about__inner .about__header{width:90%}.about__container .about__inner p{padding-bottom:1rem;width:85%}.about__container .about__inner p:nth-of-type(2){padding-bottom:0}.about__container .about__inner .about__img:first-of-type{display:block;width:200px;-webkit-transform:rotate(0);transform:rotate(0);position:static;padding-top:2.2rem}.about__container .about__inner .about__img:nth-of-type(2){display:none}.about__container .about__inner .about__technologies{padding-top:8rem;width:100%}.about__container .about__inner .about__technologies h1{font-size:2.3rem}.about__container .about__inner .about__icons,.about__team{width:95%}}.project__page{background-color:var(--background)}.project__page .project__page__inner{height:auto;width:80%;margin:0 auto}.project__page .project__page__inner .project__section{padding-top:100px;height:100vh}.project__page .project__page__inner .project__section h1{padding:1.5em;text-align:center;color:var(--text);font-size:4em;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#000}.project__page .project__page__inner .service__section{padding-top:7em;height:auto}.project__page .project__page__inner .service__section h1{text-align:center;color:var(--text);font-size:4em;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#000}.project__page .project__page__inner .service__section .service__list{margin:0 auto;display:flex;justify-content:space-between;width:70%;padding:2em 0}.project__page .project__page__inner .service__section .service__list .service{background-color:#fff;width:25vw;height:33vh;border-radius:10px;border:2px solid var(--primary);box-shadow:0 6px 18px 3px rgba(0,0,0,.31);-webkit-box-shadow:0 6px 18px 3px rgba(0,0,0,.31);-moz-box-shadow:0 6px 18px 3px rgba(0,0,0,.31);text-align:center}.project__page .project__page__inner .service__section .service__list .service p{position:relative;top:45%;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);font-weight:700;color:#fff;font-size:2em;background-color:#000}.project__page .project__page__inner .service__section .service__list .one{background-image:url(/static/media/Design.e046ec9e.png);background-size:cover}.project__page .project__page__inner .service__section .service__list .two{background-image:url(/static/media/Marketing.334b272a.png);background-size:cover}.project__page .project__page__inner .service__section .service__list .three{background-image:url(/static/media/Website.5e977f38.png);background-size:cover}.project__page .project__page__inner .service__section .service__list .four{background-image:url(/static/media/Editing.2f7f6b06.png);background-size:cover}@media screen and (max-width:1024px){.project__section h1{padding:0}.service__section .service__list{width:80%!important}.service__section .service__list .service{width:30vw!important}}@media screen and (max-width:450px){.project__page .project__page__inner{width:90%}.project__page .project__page__inner .project__section{padding-top:50px;height:auto}.project__page .project__page__inner .project__section h1{font-size:3em;padding:0}.project__page .project__page__inner .project__section .project__list{padding-top:1em;flex-direction:column;justify-content:center;align-items:center;grid-gap:1em}.project__page .project__page__inner .project__section .project__list .project{width:70%;margin:0 auto}.project__page .project__page__inner .service__section{padding:1em 0}.project__page .project__page__inner .service__section h1{font-size:3em}.project__page .project__page__inner .service__section .service__list{padding:1em 0;width:90%!important}.project__page .project__page__inner .service__section .service__list .service{height:20vh;width:35vw!important}.project__page .project__page__inner .service__section .service__list .service p{font-size:1em}}.project{background-color:#fff;width:25vw;border-radius:10px;border:2px solid var(--primary);box-shadow:0 6px 18px 3px rgba(0,0,0,.31);-webkit-box-shadow:0 6px 18px 3px rgba(0,0,0,.31);-moz-box-shadow:0 6px 18px 3px rgba(0,0,0,.31);text-align:center;margin:0 auto}.project img{width:inherit}.footer{width:100%;background-color:var(--background);transition:.3s ease-in-out;padding-bottom:3em;padding-top:3em}.footer .contact__link{text-align:center;padding-top:2em;width:20%;margin:0 auto;color:#fff;display:flex;justify-content:space-between}.footer .contact__link .link{color:var(--primary);font-size:3em;text-align:center}.footer .contact__link .link a i{color:var(--text);-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#000}.footer p{text-align:center;color:var(--footer__text);padding:2em 0;font-size:1.2rem}@media screen and (max-width:1080px){.footer{width:100%}.footer .contact__link{width:100%;justify-content:center}}
/*# sourceMappingURL=main.bc5c7944.chunk.css.map */