@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap);[type=button],[type=reset],[type=submit],button{background-color:transparent}.active\:bg-blue-800:active{--tw-bg-opacity:1;background-color:rgb(30 64 175/var(--tw-bg-opacity))}.dark .dark\:bg-blue-400{--tw-bg-opacity:1;background-color:rgb(96 165 250/var(--tw-bg-opacity))}.dark .dark\:bg-slate-700{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity))}.dark .dark\:bg-blue-200{--tw-bg-opacity:1;background-color:rgb(191 219 254/var(--tw-bg-opacity))}.dark .dark\:bg-blue-300{--tw-bg-opacity:1;background-color:rgb(147 197 253/var(--tw-bg-opacity))}.dark .dark\:bg-slate-300{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity))}.dark .dark\:bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity))}.dark .dark\:text-slate-200{--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity))}.dark .dark\:text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.dark .dark\:hover\:bg-slate-400:hover{--tw-bg-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity))}.dark .dark\:hover\:shadow-\[0_35px_60px_-15px_rgba\(0\,0\,0\,0\.3\)\]:hover{--tw-shadow:0 35px 60px -15px rgba(0,0,0,.3);--tw-shadow-colored:0 35px 60px -15px var(--tw-shadow-color)}.dark .dark\:hover\:shadow-\[0_35px_60px_-15px_rgba\(0\,0\,0\,0\.3\)\]:hover,.dark .dark\:hover\:shadow-\[0_35px_60px_-15px_rgba\(1\,1\,1\,0\.3\)\]:hover{box-shadow:0 0 transparent,0 0 transparent,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.dark .dark\:hover\:shadow-\[0_35px_60px_-15px_rgba\(1\,1\,1\,0\.3\)\]:hover{--tw-shadow:0 35px 60px -15px rgba(1,1,1,.3);--tw-shadow-colored:0 35px 60px -15px var(--tw-shadow-color)}.dark .dark\:hover\:shadow-\[0_35px_60px_-15px_rgba\(0\,0\,0\,0\.7\)\]:hover{--tw-shadow:0 35px 60px -15px rgba(0,0,0,.7);--tw-shadow-colored:0 35px 60px -15px var(--tw-shadow-color)}.dark .dark\:hover\:shadow-\[0_35px_60px_-15px_rgba\(0\,0\,0\,0\.7\)\]:hover,.dark .dark\:hover\:shadow-\[0_35px_60px_-15px_rgba\(2\,5\,5\,0\.7\)\]:hover{box-shadow:0 0 transparent,0 0 transparent,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.dark .dark\:hover\:shadow-\[0_35px_60px_-15px_rgba\(2\,5\,5\,0\.7\)\]:hover{--tw-shadow:0 35px 60px -15px rgba(2,5,5,.7);--tw-shadow-colored:0 35px 60px -15px var(--tw-shadow-color)}.dark .dark\:hover\:shadow-\[0_35px_60px_-15px_rgba\(3\,2\,4\,0\.7\)\]:hover{--tw-shadow:0 35px 60px -15px rgba(3,2,4,.7);--tw-shadow-colored:0 35px 60px -15px var(--tw-shadow-color)}.dark .dark\:hover\:shadow-\[0_35px_60px_-15px_rgba\(255\,255\,255\,0\.7\)\]:hover,.dark .dark\:hover\:shadow-\[0_35px_60px_-15px_rgba\(3\,2\,4\,0\.7\)\]:hover{box-shadow:0 0 transparent,0 0 transparent,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.dark .dark\:hover\:shadow-\[0_35px_60px_-15px_rgba\(255\,255\,255\,0\.7\)\]:hover{--tw-shadow:0 35px 60px -15px hsla(0,0%,100%,.7);--tw-shadow-colored:0 35px 60px -15px var(--tw-shadow-color)}.dark .dark\:hover\:shadow-\[1px_1px_1px_-15px_rgba\(255\,255\,255\,0\.7\)\]:hover{--tw-shadow:1px 1px 1px -15px hsla(0,0%,100%,.7);--tw-shadow-colored:1px 1px 1px -15px var(--tw-shadow-color)}.dark .dark\:hover\:shadow-\[1px_1px_1px_-15px_rgba\(255\,255\,255\,0\.7\)\]:hover,.dark .dark\:hover\:shadow-\[3px_3px_3px_0px_rgba\(255\,255\,255\,0\.7\)\]:hover{box-shadow:0 0 transparent,0 0 transparent,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.dark .dark\:hover\:shadow-\[3px_3px_3px_0px_rgba\(255\,255\,255\,0\.7\)\]:hover{--tw-shadow:3px 3px 3px 0px hsla(0,0%,100%,.7);--tw-shadow-colored:3px 3px 3px 0px var(--tw-shadow-color)}.dark .dark\:hover\:shadow-\[3px_3px_3px_5px_rgba\(255\,255\,255\,0\.7\)\]:hover{--tw-shadow:3px 3px 3px 5px hsla(0,0%,100%,.7);--tw-shadow-colored:3px 3px 3px 5px var(--tw-shadow-color)}.dark .dark\:hover\:shadow-\[1px_1px_1px_5px_rgba\(255\,255\,255\,0\.7\)\]:hover,.dark .dark\:hover\:shadow-\[3px_3px_3px_5px_rgba\(255\,255\,255\,0\.7\)\]:hover{box-shadow:0 0 transparent,0 0 transparent,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.dark .dark\:hover\:shadow-\[1px_1px_1px_5px_rgba\(255\,255\,255\,0\.7\)\]:hover{--tw-shadow:1px 1px 1px 5px hsla(0,0%,100%,.7);--tw-shadow-colored:1px 1px 1px 5px var(--tw-shadow-color)}.dark .dark\:hover\:shadow-\[1px_1px_1px_10px_rgba\(255\,255\,255\,0\.7\)\]:hover{--tw-shadow:1px 1px 1px 10px hsla(0,0%,100%,.7);--tw-shadow-colored:1px 1px 1px 10px var(--tw-shadow-color)}.dark .dark\:hover\:shadow-\[1px_1px_1px_10px_rgba\(255\,255\,255\,0\.7\)\]:hover,.dark .dark\:hover\:shadow-\[1px_1px_1px_1px_rgba\(255\,255\,255\,0\.7\)\]:hover{box-shadow:0 0 transparent,0 0 transparent,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.dark .dark\:hover\:shadow-\[1px_1px_1px_1px_rgba\(255\,255\,255\,0\.7\)\]:hover{--tw-shadow:1px 1px 1px 1px hsla(0,0%,100%,.7);--tw-shadow-colored:1px 1px 1px 1px var(--tw-shadow-color)}.dark .dark\:hover\:shadow-\[1px_1px_1px_2px_rgba\(255\,255\,255\,0\.7\)\]:hover{--tw-shadow:1px 1px 1px 2px hsla(0,0%,100%,.7);--tw-shadow-colored:1px 1px 1px 2px var(--tw-shadow-color)}.dark .dark\:hover\:shadow-\[1px_1px_1px_2px_rgba\(255\,255\,255\,0\.1\)\]:hover,.dark .dark\:hover\:shadow-\[1px_1px_1px_2px_rgba\(255\,255\,255\,0\.7\)\]:hover{box-shadow:0 0 transparent,0 0 transparent,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.dark .dark\:hover\:shadow-\[1px_1px_1px_2px_rgba\(255\,255\,255\,0\.1\)\]:hover{--tw-shadow:1px 1px 1px 2px hsla(0,0%,100%,.1);--tw-shadow-colored:1px 1px 1px 2px var(--tw-shadow-color)}.dark .dark\:hover\:shadow-\[1px_1px_1px_2px_rgba\(255\,255\,255\,0\.4\)\]:hover{--tw-shadow:1px 1px 1px 2px hsla(0,0%,100%,.4);--tw-shadow-colored:1px 1px 1px 2px var(--tw-shadow-color)}.dark .dark\:hover\:shadow-\[0_0_20px_\#585858\]:hover,.dark .dark\:hover\:shadow-\[1px_1px_1px_2px_rgba\(255\,255\,255\,0\.4\)\]:hover{box-shadow:0 0 transparent,0 0 transparent,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.dark .dark\:hover\:shadow-\[\#50d71e\]:hover{--tw-shadow-color:#50d71e;--tw-shadow:var(--tw-shadow-colored)}.dark .dark\:hover\:shadow-\[\#fff\]:hover{--tw-shadow-color:#fff;--tw-shadow:var(--tw-shadow-colored)}.dark .dark\:hover\:shadow-\[\#012\]:hover{--tw-shadow-color:#012;--tw-shadow:var(--tw-shadow-colored)}.dark .dark\:hover\:shadow-\[\#055\]:hover{--tw-shadow-color:#055;--tw-shadow:var(--tw-shadow-colored)}.toggleDarkBtn{display:inline-block;height:25px;position:relative;width:56px}.toggleDarkBtn input{height:0;opacity:0;width:0}.slideBtnTg{background-color:#f12828;bottom:0;cursor:pointer;left:0;right:0;top:0}.slideBtnTg,.slideBtnTg:before{position:absolute;transition:.5s}.slideBtnTg:before{background-color:#fff;bottom:5px;content:"";height:15px;left:5px;width:15px}input:checked+.slideBtnTg{background-color:#1d1e1f}input:focus+.slideBtnTg{box-shadow:0 0 1px #2196f3}input:checked+.slideBtnTg:before{-webkit-transform:translateX(26px);transform:translateX(26px)}.slideBtnTg.round{border-radius:34px}.slideBtnTg.round:before{border-radius:50%}:root{--font-base:"DM Sans",sans-serif;--primary-color:#edf2f8;--secondary-color:#313bac;--black-color:#030303;--lightGray-color:#e4e4e4;--gray-color:#6b7688;--brown-color:#46364a;--white-color:#fff}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}.app__about{flex:1 1;flex-direction:column;width: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%}.app__profile-item p{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}@media screen and (min-width:2000px){.app__profile-item{margin:2rem 4rem;width:370px}.app__profile-item img{height:320px}}.app__footer{flex:1 1;flex-direction:column;width:100%}@media screen and (max-width:768px){.app__footer{flex-direction:column}}.app__footer-cards{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-evenly;margin:4em 2rem 2rem;width:60%}.app__footer-cards .app__footer-card{align-items:center;border-radius:10px;cursor:pointer;display:flex;flex-direction:row;justify-content:flex-start;margin:1rem 0;min-width:290px;padding:1rem;transition:all .3s ease-in-out}.app__footer-cards .app__footer-card img{height:40px;margin:0 .7rem;width:40px}.app__footer-cards .app__footer-card p{font-weight:500}.app__footer-cards .app__footer-card a{font-weight:500;text-decoration:none}.app__footer-cards .app__footer-card:hover{box-shadow:0 0 25px #fef4f5}@media screen and (max-width:450px){.app__footer-cards .app__footer-card{width:100%}}@media screen and (max-width:768px){.app__footer-cards{width:100%}}.app__footer-form{flex-direction:column;margin:1rem 2rem;width:60%}.app__footer-form div{background-color:var(--primary-color);border-radius:10px;cursor:pointer;margin:.75rem 0;transition:all .3s ease-in-out;width:100%}.app__footer-form div input,.app__footer-form div textarea{background-color:var(--primary-color);border:none;border-radius:7px;color:var(--secondary-color);font-family:var(--font-base);outline:none;padding:.95rem;width:100%}.app__footer-form div textarea{height:170px}.app__footer-form div:hover{box-shadow:0 0 25px var(--primary-color)}.app__footer-form button{background-color:var(--secondary-color);border:none;border-radius:10px;color:var(--white-color);cursor:pointer;font-family:var(--font-base);font-weight:500;margin:2rem 0 0;outline:none;padding:1rem 2rem;transition:cubic-bezier(.55,.085,.68,.53)}.app__footer-form button:hover{background-color:#2430af}@media screen and (max-width:768px){.app__footer-form{margin:1rem 0;width:100%}}#header{background:url(/static/media/bgIMG.c39101e520e2997fc6d4.png);background-position:50%;background-repeat:repeat;background-size:cover;position:relative}#header .app__wrapper{padding:0}#header .app__wrapper .copyright{display:none}.app__header{flex:1 1;flex-direction:row;height:100%;padding:6rem 2rem 0;width:100%}@media screen and (min-width:2000px){.app__header{padding-top:8rem}}@media screen and (max-width:1200px){.app__header{flex-direction:column}}@media screen and (max-width:450px){.app__header{padding:6rem 1rem 2rem}}.app__header-info{align-items:flex-start;display:flex;flex:.65 1;flex-direction:column;height:100%;justify-content:flex-start}@media screen and (max-width:2000px){.app__header-info{margin-right:0;width:100%}}.app__header-badge{align-items:flex-end;display:flex;flex-direction:column;justify-content:flex-end;width:100%}.app__header-badge .badge-cmp,.app__header-badge .tag-cmp{border:var(--white-color);border-radius:15px;box-shadow:0 0 20px rgba(0,0,0,.1);flex-direction:row;padding:1rem 2rem;width:auto}.app__header-badge .tag-cmp{flex-direction:column;margin-top:3rem}.app__header-badge .tag-cmp p{text-align:right;text-transform:uppercase;width:100%}.app__header-badge span{font-size:2.5rem}@media screen and (min-width:2000px){.app__header-badge span{font-size:5rem}}@media screen and (max-width:1200px){.app__header-badge{align-items:flex-start;justify-content:flex-start}}.app__header-circles{align-items:flex-start;display:flex;flex:.75 1;flex-direction:column;height:100%;justify-content:space-evenly;margin-left:1rem}.app__header-circles div{background:var(--white-color);border-radius:50%;box-shadow:0 0 20px rgba(0,0,0,.1);height:100px;width:100px}.app__header-circles div img{height:60%;width:60%}.app__header-circles div:first-child{height:100px;width:100px}.app__header-circles div:nth-child(2){height:150px;margin:1.75rem;width:150px}.app__header-circles div:nth-child(3){height:70px;width:70px}@media screen and (min-width:2000px){.app__header-circles div:first-child{height:400px;width:400px}.app__header-circles div:nth-child(2){height:170px;width:170px}.app__header-circles div:nth-child(3){height:200px;width:200px}}@media screen and (max-width:1200px){.app__header-circles{flex-direction:row;flex-wrap:wrap;margin-left:0;width:100%}.app__header-circles div{margin:1rem}}.app__header-img{align-items:flex-end;display:flex;flex:1 1;height:100%;justify-content:flex-end;position:relative}.app__header-img img{object-fit:contain;width:100%;z-index:1}.app__header-img .overlay_circle{bottom:0;height:90%;left:0;position:absolute;right:0;top:0;width:100%;z-index:0}@media screen and (max-width:1200px){.app__header-img{margin:2rem 0}}.app__navbar{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:hsla(0,0%,100%,.25);border:1px solid hsla(0,0%,100%,.18);justify-content:space-between;padding:1rem 2rem;position:fixed;width:100%;z-index:2}.app__navbar,.app__navbar-logo{align-items:center;display:flex}.app__navbar-logo{justify-content:flex-start}.app__navbar-logo img{height:20px;width:90px}@media screen and (min-width:2000px){.app__navbar-logo img{height:40px;width:180px}}.app__navbar-links{align-items:center;display:flex;flex:1 1;justify-content:center;list-style:none}.app__navbar-links li{cursor:pointer;flex-direction:column;margin:0 1rem}.app__navbar-links li div{background:transparent;border-radius:50%;height:5px;margin-bottom:5px;width:5px}.app__navbar-links li a{color:var(--gray-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)}.app__navbar-links li:hover div{background:var(--secondary-color)}@media screen and (max-width:900px){.app__navbar-links{display:none}}.app__navbar-menu{align-items:center;background-color:var(--secondary-color);border-radius:50%;display:flex;height:35px;justify-content:center;position:relative;width:35px}.app__navbar-menu svg{color:var(--white-color);cursor:pointer;height:70%;width:70%}.app__navbar-menu div{align-items:flex-end;background:url(/static/media/bgWhite.79658cadae50b3b16ee5.png);background-color:var(--white-color);background-repeat:repeat;background-size:cover;bottom:0;box-shadow:0 0 20px hsla(0,0%,66%,.15);display:flex;flex-direction:column;height:100vh;justify-content:flex-end;padding:1rem;position:fixed;right:0;top:0;width:80%;z-index:5}.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(--gray-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}}.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){.app__skills-container{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){.app__skills-list{align-items:center;justify-content:center;margin-right:0}}.app__skills-item{flex-direction:column;margin:1rem;text-align:center;transition:all .3s ease-in-out}.app__skills-item div{background-color:#fef4f5;border-radius:50%;height:90px;width:90px}.app__skills-item div img{height:50%;width:50%}.app__skills-item div:hover{box-shadow:0 0 25px #fef4f5}@media screen and (min-width:2000px){.app__skills-item div{height:150px;width:150px}}@media screen and (max-width:450px){.app__skills-item div{height:70px;width:70px}}.app__skills-item p{font-weight:500;margin-top:.5rem}@media screen and (min-width:2000px){.app__skills-item{margin:1rem 2rem}.app__skills-item p{margin-top:1rem}}.app__skills-exp{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start}@media screen and (max-width:900px){.app__skills-exp{margin-top:2rem}}.app__skills-exp-item{align-items:flex-start;display:flex;flex-direction:row;justify-content:flex-start;margin:1rem 0;width:100%}.app__skills-exp-works{flex:1 1}.app__skills-exp-works .app__skills-exp-work{align-items:flex-start;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:1rem}.app__skills-exp-works .app__skills-exp-work h4{font-weight:500}.app__skills-exp-works .app__skills-exp-work p{font-weight:400;margin-top:5px}.app__skills-exp-year{margin-right:3rem}.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}}.skills-tooltip{background-color:var(--white-color)!important;border-radius:5px!important;box-shadow:0 0 25px rgba(0,0,0,.1)!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){.skills-tooltip{font-size:1.75rem!important;line-height:2!important;max-width:500px!important}}.app__works{flex:1 1;flex-direction:column;width:100%}.app__work-filter{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;margin:4rem 0 2rem}.app__work-filter .app__work-filter-item{background-color:#fff;border:none;border-radius:.5rem;color:#000;cursor:pointer;font-weight:800;margin:.5rem;padding:.5rem 1rem;transition:all .3s ease}.app__work-filter .app__work-filter-item:hover{background-color:var(--secondary-color);color:#fff}@media screen and (min-width:2000px){.app__work-filter .app__work-filter-item{border-radius:.85rem;padding:1rem 2rem}}.app__work-filter .item-active{background-color:var(--secondary-color);color:#fff}.app__work-portfolio{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;min-height:430px}.app__work-portfolio .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-portfolio .app__work-item:hover{box-shadow:0 0 25px rgba(0,0,0,.2)}@media screen and (min-width:2000px){.app__work-portfolio .app__work-item{border-radius:.75rem;padding:1.25rem;width:470px}}@media screen and (max-width:300px){.app__work-portfolio .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:rgba(0,0,0,.5);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%;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-content p{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.app__work-content .app__work-tag{background-color:#fff;border-radius:10px;padding:.5rem 1rem;position:absolute;top:-25px}.app__work-tags_skills{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;margin-top:10px;min-height:60px}.app__work-tags_skills .app__work-tags__tag{background-color:hsla(0,0%,77%,.544);border-radius:4px;font-size:10px;margin:4px;padding:4px}.work-description{text-align:justify}.app__work-filter-btns{align-items:center;display:flex}.app__work-filter-btns button{background-color:var(--white-color);border:none;border-radius:50%;cursor:pointer;height:36px;margin:1rem;transition:all .3s ease-in-out;width:78px}.app__testimonial{flex:1 1;flex-direction:column;width:100%}.app__testimonial-item{background-color:var(--white-color);border-radius:15px;box-shadow:0 0 30px rgba(0,0,0,.1);display:flex;flex-direction:row;min-height:280px;padding:2rem;transition:all .3s ease-in-out;width:clamp(380px,90%,600px)}.app__testimonial-item img{border-radius:50%;height:100px;object-fit:cover;width:100px}@media screen and (min-width:2000px){.app__testimonial-item{min-height:450px}.app__testimonial-item img{height:150px;width:150px}}@media screen and (max-width:850px){.app__testimonial-item{width:100%}}@media screen and (max-width:600px){.app__testimonial-item{flex-direction:column}}.app__testimonial-content{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:space-around;padding:0 2rem;text-align:left}.app__testimonial-content p{color:var(--black-color);font-family:var(--font-base);font-size:.9rem;hyphens:auto;-webkit-hyphens:auto;line-height:1rem;text-align:justify;word-spacing:-.05em}@media screen and (min-width:2000px){.app__testimonial-content p{font-size:2rem;line-height:3.5rem}}.app__testimonial-content h4{color:var(--secondary-color);font-weight:600;margin-top:2rem}.app__testimonial-content h5{color:var(--gray-color);font-weight:400;margin-top:5px}@media screen and (max-width:600px){.app__testimonial-content{margin-top:2rem;padding:0}}.app__testimonial-btns{flex-direction:row;margin-top:1rem}.app__testimonial-btns button{background-color:var(--white-color);border:none;border-radius:50%;cursor:pointer;height:50px;margin:1rem;transition:all .3s ease-in-out;width:50px}.app__testimonial-btns button svg{color:var(--secondary-color);height:20px;width:20px}.app__testimonial-btns button:hover{background-color:var(--secondary-color)}.app__testimonial-btns button:hover svg{color:var(--white-color)}@media screen and (min-width:2000px){.app__testimonial-btns button{height:100px;width:100px}.app__testimonial-btns button svg{height:45px;width:45px}}.app__testimonial-brands{flex-wrap:wrap;margin-top:2rem;width:80%}.app__testimonial-brands div{margin:1.5rem;width:150px}.app__testimonial-brands div img{-webkit-filter:grayscale(1);filter:grayscale(1);height:auto;object-fit:cover;width:100%}.app__testimonial-brands div:hover img{-webkit-filter:grayscale(0);filter:grayscale(0)}@media screen and (min-width:2000px){.app__testimonial-brands div{margin:2rem;width:210px}}@media screen and (max-width:450px){.app__testimonial-brands div{margin:1rem;width:120px}}@media screen and (max-width:800px){.app__testimonial-brands{width:100%}}
/*
! tailwindcss v3.1.8 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.bg-\[\#fef4f5\]{--tw-bg-opacity:1;background-color:rgb(254 244 245/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.filter{-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,-webkit-text-decoration-color,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.app{background-color:var(--primary-color);font-family:var(--font-base)}.app__whitebg{background-color:var(--white-color)}.app__primarybg{background-color:var(--primary-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}}.copyright{align-items:flex-end;display:flex;flex-direction:column;justify-content:flex-end;padding:2rem 0 0;width:100%}.copyright p{text-transform:uppercase}.copyright p,.head-text{color:var(--black-color)}.head-text{font-size:2.75rem;font-weight:800;text-align:center;text-transform:capitalize}.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}}.app__social{bottom:50px;flex-direction:column;justify-content:flex-end;padding:1rem;position:relative}.app__social,.app__social a{align-items:center;display:flex}.app__social a{background-color:var(--white-color);border:1px solid var(--lightGray-color);border-radius:50%;height:40px;justify-content:center;margin:.25rem 0;transition:all .3s ease-in-out;width:40px}.app__social a svg{color:var(--gray-color);height:15px;width:15px}.app__social a:hover{background-color:var(--secondary-color);border-color:var(--secondary-color)}.app__social a:hover svg{color:var(--white-color)}@media screen and (min-width:2000px){.app__social a{height:70px;margin:.5rem 0;width:70px}.app__social a svg{height:30px;width:30px}}.app__navigation{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:1rem}.app__navigation .app__navigation-dot{background-color:#cbcbcb;border-radius:50%;height:10px;margin:.5rem;transition:background-color .2s ease-in-out;width:10px}.app__navigation .app__navigation-dot:hover{background-color:var(--secondary-color)}@media screen and (min-width:2000px){.app__navigation .app__navigation-dot{height:20px;width:20px}}@media screen and (max-width:500px){.app__navigation,.app__social{display:none}.copyright{padding:2rem}}.dark .dark\:border-black{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity))}.dark .dark\:bg-slate-600{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity))}.dark .dark\:bg-slate-400{--tw-bg-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity))}.dark .dark\:bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.dark .dark\:bg-slate-800{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity))}.dark .dark\:bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity))}.dark .dark\:bg-blue-800{--tw-bg-opacity:1;background-color:rgb(30 64 175/var(--tw-bg-opacity))}.dark .dark\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.dark .dark\:text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity))}.dark .dark\:text-blue-400{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity))}.dark .dark\:text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity))}.dark .dark\:text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}.dark .dark\:placeholder\:text-white::-webkit-input-placeholder{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.dark .dark\:placeholder\:text-white::placeholder{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.dark .dark\:hover\:border-slate-800:hover{--tw-border-opacity:1;border-color:rgb(30 41 59/var(--tw-border-opacity))}.dark .dark\:hover\:bg-slate-800:hover{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity))}.dark .dark\:hover\:bg-slate-600:hover{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity))}.dark .dark\:hover\:bg-blue-800:hover{--tw-bg-opacity:1;background-color:rgb(30 64 175/var(--tw-bg-opacity))}.dark .dark\:hover\:shadow-\[0_0_20px_\#585858\]:hover{--tw-shadow:0 0 20px #585858;--tw-shadow-colored:0 0 20px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}
/*# sourceMappingURL=main.93d2dcb8.css.map*/