body,li,p,ul{margin:0;padding:0}.navbar{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#ffffffb3;border-bottom:1px solid #ccc;display:flex;justify-content:space-between;padding:10px 20px;position:fixed;top:0;width:100%;z-index:1000}.logo{height:auto;width:80px}.nav-links{align-items:center;display:flex;justify-content:center;list-style-type:none}.nav-links li{margin:0 20px}.nav-links a{color:#333;text-decoration:none;transition:color .3s}.nav-links a:hover{color:#007bff}.menu-button{background:none;border:none;cursor:pointer;display:none;padding:30px}.menu-button .bar{background-color:#333;height:3px;margin:6px 0;transition:.4s;width:25px}.overlay{background-color:#000c;display:none;height:100%;height:100vh;left:0;position:fixed;top:0;width:100%;width:100vw;z-index:1002}.overlay-menu{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;list-style:none;z-index:9999}.overlay-menu,.overlay-menu ul{text-align:center}.overlay-menu li{margin:20px 0}.overlay-menu a{color:#fff;display:block;font-size:1.5rem;padding:10px;text-decoration:none;transition:color .3s}.overlay-menu a:hover{color:#add8e6}@media screen and (max-width:576px){.nav-links{display:none}.menu-button,.overlay{display:block}.overlay-menu{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;z-index:9999}}@media screen and (min-width:577px){.menu-button,.overlay{display:none}}@media screen and (min-width:769px) and (max-width:992px){.nav-links,.navbar{justify-content:center}}@media screen and (min-width:993px) and (max-width:1200px){.nav-links,.navbar{justify-content:center}.nav-links{flex-grow:1}}@media screen and (min-width:1201px) and (max-width:2400px){.nav-links,.navbar{justify-content:center}.nav-links{flex-grow:1}}#contact{overflow-x:hidden;padding:4em 2rem;width:100%}.app__footer-cards{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-evenly;margin:4em 2rem 2rem;max-width:100%;overflow-x:hidden}*{box-sizing:border-box}.app__footer-card{align-items:center;background-color:#4fd3c880;border-radius:10px;cursor:pointer;display:flex;flex-direction:row;justify-content:flex-start;margin:1rem 0;padding:1rem;transition:all .3s ease-in-out;&:hover{box-shadow:0 0 25px #4fd3c880}img{height:35px;margin-right:.7rem;width:35px}a{color:#fff;font-weight:500;text-decoration:none}}.app__footer-form{display:flex;flex-direction:column;margin:auto;width:60%}.app__footer-form .p-text{background-color:#f0f0f0;border:1px solid #ccc;border-radius:7px;color:#333;margin:.75rem 0;outline:none;padding:.95rem;width:100%}button{background-color:#30b950}.app__footer-form textarea{background-color:#f0f0f0;border:1px solid #ccc;border-radius:7px;color:#333;height:170px;outline:none;padding:.95rem;width:100%}.footer-send-btn{background-color:#32cd32;border:none;border-radius:10px;color:#837d7d;cursor:pointer;display:block;margin:2rem auto;max-width:200px;padding:1rem 2rem;transition:background-color .3s ease,color .3s ease;width:auto;&:hover{background-color:#28a745;color:#fff}}footer .footer-copyright{color:#666;font-family:Times New Roman,Times,serif;font-size:.875rem;font-size:smaller;margin-top:2rem;padding:1rem 0;text-align:center}@media screen and (max-width:768px){.footer-send-btn{max-width:100%;width:100%}}.app__skills{flex:1 1;flex-direction:column;width:100%}.app__skills-container{display:flex;flex-direction:row;margin-top:3rem;width:80%;@media screen and (max-width:900px){flex-direction:column;width:100%}}.app__skills-list{align-items:flex-start;display:flex;flex:1 1;flex-wrap:wrap;justify-content:flex-start;margin-right:5rem;@media screen and (max-width:900px){align-items:center;justify-content:center;margin-right:0}}.app__skills-item{align-items:center;display:flex;flex-direction:column;margin:1rem;text-align:center;transition:all .3s ease-in-out}.app__skills-item div{align-items:center;background-color:#fef4f5;border-radius:50%;display:flex;height:90px;justify-content:center;width:90px}.app__skills-item div img{height:50%;width:50%}.app__skills-item div:hover{box-shadow:0 0 25px #f5eff0}@media screen and (min-width:2000px){.app__skills-item div{height:150px;width:150px}.app__skills-item{margin:1rem 2rem}.app__skills-item p{margin-top:1rem}}@media screen and (max-width:450px){.app__skills-item div{height:70px;width:70px}}.app__skills-exp{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;width:100%}@media screen and (max-width:768px){.app__skills-exp{padding-left:20px;padding-top:40px;width:66%}}.app__skills-exp-item{align-items:flex-start;display:flex;gap:20px;justify-content:flex-start;width:100%}.app__skills-exp-year{flex-basis:20%;margin-right:0;order:2}.app__skills-exp-year p{color:var(--secondary-color);font-weight:800}@media screen and (max-width:450px){.app__skills-exp-year{margin-right:1rem}}.app__skills-exp-work{align-items:flex-start;display:flex;justify-content:space-between;width:100%}.work-text{flex:1 1;margin-top:-22px;padding-bottom:20px;padding-right:20px;text-align:left}.work-logo{flex-basis:20%;order:1}.work-logo img{height:auto;object-fit:cover;width:80px}.app__skills-exp-works{flex-grow:2;order:3}.skills-tooltip{background-color:var(--white-color)!important;border-radius:5px!important;box-shadow:0 0 25px #0000001a!important;color:var(--gray-color)!important;line-height:1.5!important;max-width:300px!important;opacity:1!important;padding:1rem!important;text-align:center!important;@media screen and (min-width:2000px){font-size:1.75rem!important;line-height:2!important;max-width:500px!important}}.hero-section{align-items:center;background:linear-gradient(90deg,#f2f2f2,#fff);background:url(/static/media/bgIMG.c39101e520e2997fc6d4.png);background-position:50%;background-repeat:repeat;background-size:contain;display:flex;flex-direction:row;justify-content:center;margin-top:80px;padding:0 20px}@media screen and (min-width:769px) and (max-width:2400px){.hero-section{flex-direction:row}.app__header-info{order:2}.app__header-circles{margin-left:1rem}}.app__header-info{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:200px;order:1}@media screen and (max-width:768px){.app__header-info{align-items:flex-end;margin-bottom:1rem}.app__header-badge,.tag-cmp{font-size:14px;padding:1rem}h1.head-text{font-size:24px}}.app__header-badge,.tag-cmp{box-shadow:0 0 20px #0000001a;flex-direction:row;transition:transform .3s ease-in-out}.app__header-badge,.tag-cmp{background:var(--white-color);border-radius:15px;padding:1rem 2rem;width:auto}.tag-cmp{border:1px solid #e0e0e0;box-shadow:0 0 10px #0000001a;flex-direction:column;margin-top:3rem;p{text-align:right;text-transform:uppercase;width:100%}}.app__header-badge span img{height:auto;width:50px}.app__header-img{align-items:flex-end;display:flex;order:2;position:relative}.app__header-img img{height:auto;position:relative;transition:transform .5s ease;width:80%;z-index:2}.app__header-img:hover img{transform:scale(1.1)}.overlay_circle{height:90%;left:50%;position:absolute;transform:translateX(-50%);width:100%;z-index:1}.overlay_circle_img{height:auto;width:100%}.profile_image{border-radius:0;height:auto;width:300px}.app__header-circles{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-evenly;margin-left:1rem}.app__header-circles div{background:var(--white-color);border-radius:50%;box-shadow:0 0 20px #0000001a;height:120px;transition:transform .3s ease-in-out;width:120px}.app__header-circles div:hover{transform:rotate(1turn)}.app__header-circles div img{height:60%;width:60%}@media screen and (max-width:1200px){.app__header-img img{width:70%}.app__header-circles{margin-left:0}.app__header-circles div{height:80px;margin:1rem;width:80px}}@media screen and (max-width:768px){.app__header-img img{margin-left:0;margin-top:50px;width:70%}.app__header-circles div{height:100px;width:100px}.app__header-circles{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly;margin-left:0}.app__header-circles div{height:60px;width:60px}.profile_image{width:100%}}.custom-dots{align-items:center;display:flex;flex-direction:column;position:fixed;right:20px;top:50%;transform:translateY(-50%)}.dot{color:#a09b9b;cursor:pointer;font-size:20px;margin-bottom:10px;transition:all .3s ease-in-out}.active-dot{color:#f36;font-size:50px}.active-dot,.dot:hover{transform:scale(1.2)}.about-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;margin-top:50px}.slogan-container{margin-bottom:20px;text-align:center}.slogan{text-align:center}.slogan-primary{color:#2e86bd}.slogan-secondary{color:#f0512e}.new-sections-container{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:center}.new-section-container{margin:1rem 0;width:80%}.section-image{border-radius:10px;height:auto;width:100%}.section-content{padding:1rem}.section-title{font-size:1.5em;margin-bottom:.5rem;width:100%}.section-description{font-size:1em}@media screen and (max-width:577px){.new-section-container{align-items:center}}@media screen and (min-width:578px) and (max-width:1199px){.new-section-container{width:70%}}@media screen and (min-width:598px) and (max-width:1200px){.new-sections-container{grid-gap:1rem;align-items:center;display:grid;grid-template-columns:repeat(2,1fr);height:auto;width:100%}.new-section-container{justify-self:center;margin:140px 0 1rem;width:40%}}@media screen and (min-width:1200px){.new-sections-container{grid-gap:1.5rem;align-items:center;display:grid;grid-template-columns:repeat(4,1fr);height:auto}.about-container{margin-top:-61px}.new-section-container{margin:1rem 0;width:90%}}@media screen and (min-width:1600px){.new-section-container{width:100%}.about-container{margin-top:-25vh}}@media screen and (min-width:768px){.new-section-container .section-content{margin:10px 0;padding:0 20px}}@media screen and (min-width:1200px){.about-container{align-items:center}.new-section-container .section-content{margin-left:20px}.new-sections-container{width:65%}.new-section-container .section-content{margin:20px 0;padding:0 40px}}@media screen and (min-width:1600px) and (max-width:2400px){.new-section-container .section-content{margin:30px 0;padding:0 80px}}@media screen and (min-width:2400px){.about-container{align-items:center}.new-sections-container{width:80%}.new-section-container .section-content{margin:40px 0;padding:0 100px}}.work-container{margin-top:-110px}@media screen and (min-width:1201px){.work-container{margin-top:-30px}}@media screen and (min-width:599px) and (max-width:1200px){.work-container{margin-top:270px}}@media screen and (min-width:1201px) and (max-width:2400px){.work-container{margin-top:-180px}}@media screen and (max-width:598px){.work-container{margin-top:490px}}@media screen and (max-width:768px){.work-container{margin-top:690px}}.app__works{flex:1 1;flex-direction:column;width:100%}.app__work-filter,.head-text{text-align:center}@media screen and (max-width:767px){.app__work-filter,.head-text{padding-top:1.5rem}}.app__work-filter{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:4rem 0 2rem}.app__work-filter-item{background-color:#090d47;border-radius:.5rem;color:#f3eeee;cursor:pointer;font-weight:800;margin:.5rem;padding:.5rem 1rem;transition:all .3s ease}.app__work-filter-item:hover{background-color:grey;border-radius:.5rem;color:#140202}.app__work-filter-item:hover .p-text{background-color:purple;border-radius:.5rem;color:#fff}@media screen and (min-width:2000px){.app__work-filter-item{border-radius:.85rem;padding:1rem 2rem}}.item-active{background-color:var(--secondary-color);color:#140202}.app__work-portfolio{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.app__work-item{background-color:#fff;border-radius:.5rem;color:#000;cursor:pointer;flex-direction:column;margin:2rem;padding:1rem;transition:all .3s ease;width:270px}.app__work-item:hover{box-shadow:0 0 25px #0006}@media screen and (min-width:2000px){.app__work-item{border-radius:.75rem;padding:1.25rem;width:470px}}@media screen and (max-width:300px){.app__work-item{margin:1rem;width:100%}}.app__work-img{height:230px;position:relative;width:100%}.app__work-img img{border-radius:.5rem;height:100%;object-fit:cover;width:100%}@media screen and (min-width:2000px){.app__work-img{height:350px}}.app__work-hover{border-radius:.5rem;bottom:0;height:100%;left:0;opacity:0;position:absolute;right:0;top:0;width:100%}.app__work-hover,.app__work-hover div{background-color:#00000080;transition:all .3s ease}.app__work-hover div{border-radius:50%;color:#fff;cursor:pointer;font-family:var(--font-base);font-weight:800;height:50px;margin:1rem;width:50px}.app__work-hover div svg{color:var(--white-color);height:50%;margin-left:12px;margin-top:11px;width:50%}.app__work-content{flex-direction:column;padding:.5rem;position:relative;width:100%}.app__work-content h4{line-height:1.5;margin-top:1rem}@media screen and (min-width:2000px){.app__work-content h4{margin-top:3rem}}.app__work-tag{background-color:#fff;border-radius:10px;margin-left:90px;padding:.5rem 1rem;position:absolute;top:-25px}.app__testimonial-container{align-items:center;background-color:#fff;box-shadow:0 0 30px #0000001a;display:flex;flex-direction:column;justify-content:center;margin:auto;max-width:900px;padding:1rem 0;width:100%}.app__testimonial-item{align-items:center;display:flex;flex-direction:row;justify-content:start;margin:0 auto;max-width:1200px;padding:1rem;width:80%}.app__testimonial-item img{border-radius:50%;height:100px;margin-right:20px;object-fit:cover;width:100px}.app__testimonial-content{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:0 2rem}.app__testimonial-brands,.app__testimonial-btns{align-items:center;display:flex;justify-content:center;margin-top:1rem}.app__testimonial-brands div,.app__testimonial-btns div{margin:1rem;transition:all .3s ease-in-out}img{border-radius:50%;object-fit:cover;width:100px;.app__testimonial-item img{border-radius:50%;height:100px;margin-right:20px;object-fit:cover;width:100px}}.app__testimonial-btns div{align-items:center;background-color:var(--white-color);border-radius:50%;cursor:pointer;display:flex;height:50px;justify-content:center;width:50px}.app__testimonial-btns div:hover{background-color:#b8b2b2}.app__testimonial-brands div{width:150px;img{filter:grayscale(1);height:auto;object-fit:cover;width:100%}}.app__testimonial-brands div img:hover{filter:grayscale(0)}@media screen and (max-width:850px){.app__testimonial-item{width:100%}}@media screen and (max-width:600px){.app__testimonial-container,.app__testimonial-content,.app__testimonial-item{padding:2rem 1rem}.app__testimonial-item img{height:80px;margin-bottom:1rem;width:80px}.app__testimonial-brands div{margin:.5rem;width:100px}.app__testimonial-item{align-items:center;flex-direction:column}.app__testimonial-item img{margin-bottom:20px;margin-right:0}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.dc74b13d.css.map*/