@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap);.app{background-color:var(--background-color);font-family:var(--font-base)}.app__whitebg{background-color:var(--white-color)}.app__primarybg{background-color:var(--works-color)}.app__container{display:flex;flex-direction:row;min-height:100vh;width:100%}.app__flex{align-items:center;display:flex;justify-content:center}.app__wrapper{flex:1 1;flex-direction:column;padding:4rem 2rem;width:100%}@media screen and (max-width:450px){.app__wrapper{padding:4rem 1rem 2rem}}.head-text{font-size:2rem;font-weight:800;text-align:center;text-transform:capitalize}.head-text,.head-text span{color:var(--secondary-color)}@media screen and (min-width:2000px){.head-text{font-size:4rem}}@media screen and (max-width:450px){.head-text{font-size:2rem}}.p-text{color:var(--gray-color);font-size:.8rem;line-height:1.5;text-align:left}@media screen and (min-width:2000px){.p-text{font-size:1.75rem}}.bold-text{color:var(--black-color);font-size:1rem;font-weight:800;text-align:left}@media screen and (min-width:2000px){.bold-text{font-size:2rem}}@media screen and (max-width:450px){.bold-text{font-size:.9rem}}:root{--header-height:3rem;--font-normal:400;--font-medium:500;--font-semi-bold:600}@media screen and (max-width:992px){:root{--big-font-size:2.75rem;--h1-font-size:1.5rem;--h2-font-size:1.25rem;--h3-font-size:1rem;--normal-font-size:0.938rem;--small-font-size:0.813rem;--smaller-font-size:0.75rem}}html{scroll-behavior:smooth}body,button,input,textarea{font-size:var(--normal-font-size)}body,h1,h2,h3{color:#000}h1,h2,h3{font-size:1rem}ul{list-style:none}img{height:auto;max-width:100%}button{border:none;cursor:pointer;outline:none}.section{margin-left:0;margin-right:0}.section__title{color:var(--secondary-color);font-size:2rem;font-weight:800;text-align:center}.section__subtitle{display:block;margin-bottom:4rem;text-align:center}.container{margin-left:auto;margin-right:auto;max-width:968px}@media screen and (max-width:450px){.container{margin-left:1.5rem;margin-right:1.5rem}}@media screen and (max-width:1200px){.container{margin-left:1rem;margin-right:1rem}}.container__footer{margin-left:0;margin-right:0}.grid{grid-gap:2rem;display:grid;gap:2rem}.button{background-color:var(--button-background-color);border-radius:1rem;display:inline;font-weight:400;padding:1.25rem 2rem}.button:hover{background-color:var(--button-hover-color);color:#fff}.button .button__icon{margin-left:.5rem}.button .button--flex{align-items:center;display:inline-flex}.footer{background-color:#000;border-top:1px solid rgba(0,0,0,.1);width:100%}span{color:#e00}.footer__container{align-content:center;padding:3rem 0 4rem}.footer__link,.footer__title{color:#fff}.footer__title{font-size:1.25rem;font-weight:200;margin-bottom:2rem;text-align:center}.footer__link:hover{color:var(--secondary-color)}.footer__list{-webkit-column-gap:1.5rem;column-gap:1.5rem;margin-bottom:2rem}.footer__list,.footer__social{display:flex;justify-content:center}.footer__social{-webkit-column-gap:1.3rem;column-gap:1.3rem}.footer__social-link{border-radius:.5rem;display:inline-flex;font-size:1.5rem;padding:.4rem}.footer__social-link:hover{color:var(--secondary-color)}.footer__copyright{color:#fff;display:block;font-size:var(--smaller-font-size);margin-top:4rem;text-align:center}@media screen and (max-width:992px){.footer__title{font-size:1.25rem}.footer__social-link{border-radius:.25rem;font-size:1.5rem;padding:.25rem}}.app__navbar{align-items:center;background:var(--navbar-background-color);border:1px solid rgba(0,0,0,.5);display:flex;justify-content:space-between;padding:2rem 8rem;position:fixed;width:100%;z-index:50}@media screen and (max-width:900px){.app__navbar{padding:1rem 2rem}}@media screen and (min-width:900px){.app__navbar{padding:2rem 8rem}}.app__navbar-logo{align-items:center;display:flex;justify-content:flex-start}.app__navbar-logo a{color:#fff;font-size:24px;height:auto;text-decoration:none;transition:all .3s ease-in-out;width:auto}.app__navbar-logo a span,.app__navbar-logo a:hover{color:#e00}@media screen and (min-width:2000px){.app__navbar-logo{height:auto;width:auto}}.app__navbar-links{align-items:center;display:flex;flex:1 1;justify-content:flex-end;list-style:none}.app__navbar-links li{cursor:pointer;flex-direction:column;margin:0 2rem}.app__navbar-links li a{color:var(--white-color);flex-direction:column;font-weight:500;text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out}.app__navbar-links li a:hover{color:var(--secondary-color)}@media screen and (max-width:900px){.app__navbar-links{display:none}}.app__navbar-menu{align-items:center;display:flex;height:45px;justify-content:center;position:relative;width:45px}.app__navbar-menu svg{color:var(--white-color);height:70%;width:70%}.app__navbar-menu svg:hover{color:#e00;transition:all .3s ease-in}.app__navbar-menu div{align-items:flex-end;background-color:#fff;background-repeat:repeat;background-size:cover;bottom:0;box-shadow:0 0 20px rgba(0,0,0,.5);display:flex;flex-direction:column;height:100vh;justify-content:flex-end;padding:1rem;position:fixed;right:0;top:0;width:80%;z-index:99}.app__navbar-menu div svg{color:var(--secondary-color);height:35px;margin:.5rem 1rem;width:35px}.app__navbar-menu div ul{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:flex-start;list-style:none;margin:0;padding:0;width:100%}.app__navbar-menu div ul li{margin:1rem}.app__navbar-menu div ul li a{color:var(--black-color);font-size:1rem;font-weight:500;text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out}.app__navbar-menu div ul li a:hover{color:var(--secondary-color)}@media screen and (min-width:900px){.app__navbar-menu,.app__navbar-menu div{display:none}}.contact__container{-webkit-column-gap:6rem;column-gap:6rem;grid-template-columns:repeat(2,-webkit-max-content);grid-template-columns:repeat(2,max-content);justify-content:center;margin-left:0;margin-right:0;padding-bottom:3rem;padding-top:3rem}.contact__title{font-size:var(--h3-font-size);font-weight:400;margin-bottom:1.5rem;text-align:center}.contact__info{grid-row-gap:1rem;display:grid;grid-template-columns:300px;row-gap:1rem}.contact__form{width:90%}.contact__card{background-color:var(--contact-card-color);border:1px solid rgba(0,0,0,.1);border-radius:.75rem;padding:1rem;text-align:center}.contact__card-icon{color:var(--title-color);font-size:2rem;margin-bottom:.25}.contact__card-data,.contact__card-title{font-size:var(--small-font-size)}.contact__card-title{color:#fff;font-weight:var(--font-medium)}.contact__card-data{color:#787878;display:block;margin-bottom:.75rem}.contact__button{align-items:center;color:#000;-webkit-column-gap:.25rem;column-gap:.25rem;display:inline-flex;font-size:var(--small-font-size);justify-content:center}.contact__button_mob:hover .contact__card{background-color:var(--secondary-color);transition:all .3s ease}.contact__button_mob:hover .contact__button{color:var(--primary-color)}.contact__button_mob:hover .contact__button:hover .contact__button-icon{-webkit-transform:translate(.3rem);transform:translate(.3rem)}.contact__button-icon{font-size:1rem;transition:.3s}.contact__form-div{height:4rem;margin-bottom:2rem;position:relative}.contact__form-input{background:none;border:2px solid rgba(0,0,0,.3);border-radius:.75rem;color:#000;height:100%;left:0;outline:none;padding:1.5rem;position:absolute;top:0;width:100%;z-index:1}.contact__form-tag{background-color:#fff;font-size:var(--small-font-size);left:1.25rem;padding:.25rem;position:absolute;top:-.75rem;z-index:2}.contact__form-area{height:15rem}.contact__form-area textarea{resize:none}@media screen and (max-width:992px){.contact__container{-webkit-column-gap:3rem;column-gap:3rem}}@media screen and (max-width:768px){.contact__container{grid-template-columns:1fr;margin-left:0;margin-right:0;row-gap:3rem}.contact__info{justify-content:center}.contact__form{margin:0 auto}}@media screen and (max-width:576px){.contact__info{grid-template-columns:1fr}.contact__form{max-width:80%}}.button{color:#fff}.section{padding:6rem 0 2rem}.home__content{align-content:center;align-items:center;-webkit-column-gap:2rem;column-gap:2rem;grid-template-columns:120px repeat(2,1fr);padding-top:5.5rem}.home__social{grid-row-gap:1rem;display:grid;grid-template-columns:-webkit-max-content;grid-template-columns:max-content;height:auto;row-gap:1rem;width:auto}.home__social-icon{color:#000;font-size:2rem}.home__social-icon:hover{color:var(--secondary-color)}.home__title{font-size:3.5rem;margin-bottom:.25rem}.home__subtitle{color:var(--secondary-color);font-size:1.25;font-weight:200;margin-bottom:1rem;position:relative}.home__subtitle span{color:var(--black-color)}.home__description{color:#262626;margin-bottom:3rem;max-width:400px}.home__img{-webkit-animation:profile__animate 8s ease-in-out 1s infinite;animation:profile__animate 8s ease-in-out 1s infinite;background:url(/static/media/profile.015afea18f22e153c1dd.png);background-position:50%;background-repeat:no-repeat;background-size:cover;box-shadow:inset 0 0 0 9px rgba(255,0,0,0);height:300px;justify-self:center;max-width:100%;order:1;width:300px}a{color:#fff;text-decoration:none}@media screen and (max-width:992px){.home__content{-webkit-column-gap:1.25rem;column-gap:1.25rem;grid-template-columns:100px repeat(2,1fr)}.home__title{font-size:2rem}.home__subtitle{margin-bottom:1rem}}@media screen and (max-width:992px) and (orientation:portrait){.home__subtitle{text-align:center}}@media screen and (max-width:992px){.home__description{margin-bottom:2.5rem;max-width:none}.home__img{box-shadow:inset 0 0 0 8px rgba(255,0,0,0);height:250px;width:250px}}@media screen and (max-width:768px){.section{padding:2rem 0}.home__content{grid-template-columns:1fr;margin:40px 2px;padding-top:2rem}.home__img{box-shadow:inset 0 0 0 6px rgba(255,0,0,0);height:250px;justify-items:center;order:1;width:250px}.home__social{-webkit-column-gap:1.5rem;column-gap:1.5rem;display:flex;justify-content:center;order:2}.home__data{order:3;padding:0 10px}.home__title{font-size:1.8rem;text-align:center}.home__subtitle{font-size:1.25;text-align:center}}@media screen and (max-width:350px){.home__img{height:180px;width:180px}}@media screen and (min-width:1368px){.home__content{margin-top:10rem}}.app__services{flex:1 1;flex-direction:column;width:100%}h3{color:#262626;font-weight:100}.app__profiles{flex-wrap:wrap;justify-content:center;margin-top:2rem}.app__profile-item,.app__profiles{align-items:flex-start;display:flex}.app__profile-item{flex-direction:column;justify-content:flex-start;margin:2rem;width:190px}.app__profile-item img{border-radius:15px;height:170px;object-fit:cover;width:100%}@media screen and (min-width:2000px){.app__profile-item{margin:2rem 4rem;width:370px}.app__profile-item img{height:320px}}.app__projects{flex:1 1;flex-direction:column;width:100%}.app__project-filter{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;margin:4rem 0 2rem}.app__project-filter .app__project-filter-item{background-color:#fff;border-radius:.5rem;color:#000;cursor:pointer;font-weight:800;margin:.5rem;padding:.5rem 1rem;transition:all .3s ease}.app__project-filter .app__project-filter-item:hover{background-color:var(--secondary-color);color:#fff}@media screen and (min-width:2000px){.app__project-filter .app__project-filter-item{border-radius:.85rem;padding:1rem 2rem}}.app__project-filter .item-active{background-color:var(--secondary-color);color:#fff}.app__project-portfolio{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.app__project-portfolio .app__project-item{background-color:#fff;border-color:#000;border-radius:.5rem;border-style:solid;color:#000;cursor:pointer;flex-direction:column;margin:2rem;padding:1rem;transition:all .3s ease;width:270px}.app__project-portfolio .app__project-item:hover{border-color:var(--secondary-color);box-shadow:0 0 25px rgba(0,0,0,.2)}@media screen and (min-width:2000px){.app__project-portfolio .app__project-item{border-radius:.75rem;padding:1.25rem;width:470px}}@media screen and (max-width:300px){.app__project-portfolio .app__project-item{margin:1rem;width:100%}}.app__project-img{height:230px;position:relative;width:100%}.app__project-img img{border-radius:.5rem;height:100%;object-fit:cover;width:100%}@media screen and (min-width:2000px){.app__project-img{height:350px}}.app__project-hover{background-color:rgba(0,0,0,.6);border-radius:.5rem;bottom:0;height:100%;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .3s ease;width:100%}.app__project-hover div{background-color:rgba(0,0,0,.5);border-radius:50%;color:#fff;cursor:pointer;font-family:var(--font-base);font-weight:800;height:50px;margin:1rem;transition:all .3s ease;width:50px}.app__project-hover div svg{color:var(--white-color);height:50%;width:50%}.app__project-content{flex-direction:column;padding:.5rem;position:relative;width:100%}.app__project-content h4{line-height:1.5;margin-top:1rem}@media screen and (min-width:2000px){.app__project-content h4{margin-top:3rem}}.app__project-content .app__project-tag{background-color:#fff;border-radius:10px;padding:.5rem 1rem;position:absolute;top:-25px}:root{--font-base:"DM Sans",sans-serif;---background-color:#000;--primary-color:#f2f2f2;--secondary-color:#e00;--black-color:#0d0d0d;--lightGray-color:#e4e4e4;--gray-color:#6b7688;--brown-color:#46364a;--white-color:#fff;--navbar-background-color:#000;--button-background-color:#000;--button-hover-color:#e00;--container-color:#fff;--works-color:#f2f2f2;--contact-card-color:#000;--title-color:#fff}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}
/*# sourceMappingURL=main.de703c3e.css.map*/