@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap";.app__navbar{-webkit-backdrop-filter:blur(4px);z-index:2;background:#ffffff40;border:1px solid #ffffff2e;justify-content:space-between;align-items:center;width:100%;padding:1rem 2rem;display:flex;position:fixed}.app__navbar-logo{justify-content:flex-start;align-items:center;display:flex}.app__navbar-logo img{width:90px;height:20px}@media screen and (width<=2000px){.app__navbar-logo img{width:1080px;height:40px}}.app__navbar-links{flex:1;justify-content:center;align-items:center;list-style:none;display:flex}.app__navbar-links li{cursor:pointer;flex-direction:column;margin:0 1rem}.app__navbar-links li div{background:0 0;border-radius:50%;width:5px;height:5px;margin-bottom:5px}.app__navbar-links li a{color:var(--gray-color);text-transform:uppercase;flex-direction:column;font-weight:500;text-decoration:none;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 (width<=900px){.app__navbar-links{display:none}}.app__navbar-menu{background:var(--secondary-color);border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;display:flex;position:relative}.app__navbar-menu svg{width:70%;height:70%;color:var(--white-color)}.app__navbar-menu div{z-index:5;background:url(/assets/bgWhite-D_34Umbb.png);background-color:var(--white-color);background-repeat:repeat;background-size:cover;flex-direction:column;justify-content:flex-end;align-items:flex-end;width:80%;height:100vh;padding:1rem;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:0 0 20px #a8a8a826}.app__navbar-menu div svg{width:35px;height:35px;color:var(--secondary-color);margin:.5rem 1rem}.app__navbar-menu div ul{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;height:100%;margin:0;padding:0;list-style:none;display:flex}.app__navbar-menu div ul li{margin:1rem}.app__navbar-menu div ul li a{color:var(--gray-color);text-transform:uppercase;font-size:1rem;font-weight:500;text-decoration:none;transition:all .3s ease-in-out}.app__navbar-menu div ul li a:hover{color:var(--secondary-color)}@media screen and (width>=900px){.app__navbar-menu div{display:none}}@media screen and (width>=900px){.app__navbar-menu{display:none}}#home{background:url(/assets/bgIMG-BZ6IIfbK.png) 50%/cover;position:relative}#home .app__wrapper{padding:0}#home .app__wrapper .copyright{display:none}.app__header{flex-direction:row;flex:1;width:100%;height:100%;padding:6rem 2rem 0}@media screen and (width>=2000px){.app__header{padding-top:8rem}}@media screen and (width<=1200px){.app__header{flex-direction:column;padding-top:8rem}}@media screen and (width<=450px){.app__header{padding:6rem 1rem 2rem}}.app__header-info{flex-direction:column;flex:.65;justify-content:flex-start;align-items:flex-start;height:100%;display:flex}@media screen and (width<=2000px){.app__header-info{width:100%;margin-right:0}}.app__header-badge{flex-direction:column;justify-content:flex-end;align-items:flex-end;width:100%;display:flex}.app__header-badge .badge-cmp,.app__header-badge .tag-cmp{border:var(--var-white);border-radius:15px;flex-direction:row;width:auto;padding:1rem 2rem;box-shadow:0 0 20px #0000001a}.app__header-badge .tag-cmp{flex-direction:column;margin-top:3rem}.app__header-badge .tag-cmp p{text-transform:uppercase;text-align:right;width:100%}.app__header-badge span{font-size:2.5rem}@media screen and (width>=2000px){.app__header-badge span{font-size:5rem}}@media screen and (width<=1200px){.app__header-badge{justify-content:flex-start;align-items:flex-start}}.app__header-circles{flex-direction:column;flex:.75;justify-content:space-evenly;align-items:flex-start;height:100%;margin-left:1rem;display:flex}.app__header-circles div{background:var(--white-color);border-radius:50%;width:100px;height:100px;box-shadow:0 0 20px #0000001a}.app__header-circles div img{width:60%;height:60%}.app__header-circles div:first-child{width:100px;height:100px}.app__header-circles div:nth-child(2){width:150px;height:150px;margin:1.75rem}.app__header-circles div:nth-child(3){width:70px;height:70px}@media screen and (width>=2000px){.app__header-circles div:first-child{width:400px;height:400px}.app__header-circles div:nth-child(2){width:170px;height:170px}.app__header-circles div:nth-child(3){width:200px;height:200px}}@media screen and (width<=1200px){.app__header-circles{flex-flow:wrap;width:100%;margin-left:0}.app__header-circles div{margin:1rem}}.app__header-img{flex:1;justify-content:flex-end;align-items:flex-end;height:100%;display:flex;position:relative}.app__header-img img{object-fit:contain;z-index:1;width:100%}.app__header-img .overlay_circle{z-index:0;width:100%;height:90%;position:absolute;top:0;bottom:0;left:0}@media screen and (width<=1200px){.app__header-img{margin:2rem 0}}.app__about{flex-direction:column;flex:1;width:100%;display:flex}.app__about-intro{max-width:700px;margin:1.5rem auto 0;position:relative}.about-intro-text{margin-top:10px;line-height:1.7}.reader-controls{gap:4px;display:flex;position:absolute;top:-10px;right:0}.reader-controls button{cursor:pointer;background:#ffffffe6;border:none;border-radius:4px;width:24px;height:24px;font-size:10px}.reader-controls select{height:24px;font-size:10px}.reader-controls input[type=range]{width:60px}.active-word{text-underline-offset:3px;color:#111827;font-weight:500;text-decoration:underline}.app__profiles{flex-wrap:wrap;justify-content:center;align-items:flex-start;margin-top:2rem;display:flex}.app__profile-item{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:190px;margin:2rem;display:flex}.app__profile-item img{object-fit:cover;border-radius:15px;width:100%;height:170px}@media screen and (width>=2000px){.app__profile-item{width:370px;margin:2rem 4rem}.app__profile-item img{height:320px}}.work-detail__overlay{z-index:100;background-color:var(--white-color,#fff);justify-content:center;align-items:flex-start;padding:2rem;display:flex;position:fixed;inset:0;overflow-y:auto}.work-detail__container{flex-direction:column;gap:2rem;width:100%;max-width:900px;padding:2rem 0;display:flex}.work-detail__back{cursor:pointer;font-family:var(--font-base);color:var(--secondary-color);background:0 0;border:none;align-items:center;gap:.5rem;width:fit-content;padding:0;font-size:.95rem;font-weight:700;transition:opacity .2s;display:flex}.work-detail__back:hover{opacity:.7}.work-detail__back svg{font-size:1.2rem}.work-detail__img{border-radius:1rem;width:100%;height:420px;overflow:hidden;box-shadow:0 8px 30px #0000001f}.work-detail__img img{object-fit:cover;width:100%;height:100%}@media screen and (width<=768px){.work-detail__img{height:240px}}@media screen and (width>=2000px){.work-detail__img{height:600px}}.work-detail__content{flex-direction:column;gap:1.25rem;display:flex}.work-detail__tags{flex-wrap:wrap;gap:.5rem;display:flex}.work-detail__tag{background-color:var(--secondary-color);border-radius:2rem;padding:.35rem .9rem;font-size:.8rem;font-weight:700}.work-detail__desc{max-width:680px;color:var(--gray-color);line-height:1.8}.work-detail__links{flex-wrap:wrap;gap:1rem;margin-top:.5rem;display:flex}.work-detail__btn{font-family:var(--font-base);border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:800;text-decoration:none;transition:opacity .2s,transform .2s;display:flex}.work-detail__btn:hover{opacity:.85;transform:translateY(-2px)}.work-detail__btn svg{font-size:1.1rem}.work-detail__btn--primary{background-color:var(--secondary-color);color:#fff}.work-detail__btn--secondary{color:#fff;background-color:#000}@media screen and (width<=400px){.work-detail__btn{justify-content:center;width:100%}}.app__works{flex-direction:column;flex:1;width:100%}.app__work-filter{flex-flow:wrap;justify-content:flex-start;align-items:center;margin:4rem 0 2rem;display:flex}.app__work-filter-item{color:#000;cursor:pointer;background-color:#fff;border-radius:.5rem;margin:.5rem;padding:.5rem 1rem;font-weight:800;transition:all .3s}.app__work-filter-item:hover,.item-active{background-color:var(--secondary-color);color:#fff}@media screen and (width>=2000px){.app__work-filter-item{border-radius:.85rem;padding:1rem 2rem}}.app__work-portfolio{flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.app__work-item{color:#000;cursor:pointer;background-color:#fff;border-radius:.5rem;flex-direction:column;width:270px;margin:2rem;padding:1rem;transition:all .3s}.app__work-item:hover{box-shadow:0 0 25px #0003}@media screen and (width>=2000px){.app__work-item{border-radius:.75rem;width:470px;padding:1.25rem}}@media screen and (width<=300px){.app__work-item{width:100%;margin:1rem}}.app__work-img{width:100%;height:230px;position:relative}.app__work-img img{object-fit:cover;border-radius:.5rem;width:100%;height:100%}@media screen and (width>=2000px){.app__work-img{height:350px}}.app__work-hover{opacity:0;pointer-events:none;background-color:#00000059;border-radius:.5rem;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.app__work-item:hover .app__work-hover{opacity:1}.app__work-content{flex-direction:column;width:100%;padding:.5rem;position:relative}.app__work-content h4{margin-top:1rem;line-height:1.5}.app__work-tag{background-color:#fff;border-radius:10px;padding:.5rem 1rem;position:absolute;top:-25px}.app__skills{flex-direction:column;flex:1;width:100%}.app__skills-container{flex-direction:row;gap:2rem;width:80%;margin-top:3rem;display:flex}@media screen and (width<=900px){.app__skills-container{flex-direction:column;width:100%}}.app__skills-list{flex-wrap:wrap;flex:1;justify-content:flex-start;align-items:flex-start;display:flex}@media screen and (width<=900px){.app__skills-list{justify-content:center;align-items:center}}.app__skills-item{text-align:center;flex-direction:column;margin:1rem;transition:transform .3s}.app__skills-item:hover{transform:translateY(-6px)}.app__skills-item p{color:var(--gray-color);margin-top:.5rem;font-size:.85rem;font-weight:500}@media screen and (width>=2000px){.app__skills-item{margin:1rem 2rem}.app__skills-item p{margin-top:1rem}}.app__skills-icon{background-color:#fff;border:2px solid #0000;border-radius:50%;width:90px;height:90px;transition:box-shadow .3s,transform .3s}.app__skills-icon img{object-fit:contain;width:50%;height:50%}.app__skills-icon:hover{border-color:var(--secondary-color);transform:scale(1.08)}@media screen and (width>=2000px){.app__skills-icon{width:150px;height:150px}}@media screen and (width<=450px){.app__skills-icon{width:70px;height:70px}}.app__skills-proficiency{background-color:#e2e8f0;border-radius:99px;width:80px;height:4px;margin-top:.4rem;position:relative;overflow:hidden}@media screen and (width>=2000px){.app__skills-proficiency{width:120px}}.app__skills-proficiency-bar{background:linear-gradient(90deg, var(--secondary-color), #a78bfa);border-radius:99px;height:100%}.app__skills-proficiency-label{color:var(--secondary-color);font-size:.65rem;font-weight:600;position:absolute;top:-18px;right:0}.app__skills-divider{background:linear-gradient(to bottom, transparent, var(--secondary-color), transparent);width:1px;margin:0 1rem}@media screen and (width<=900px){.app__skills-divider{background:linear-gradient(to right, transparent, var(--secondary-color), transparent);width:100%;height:1px;margin:1rem 0}}.app__skills-exp{flex-direction:column;flex:1;justify-content:flex-start;align-items:flex-start;display:flex}@media screen and (width<=900px){.app__skills-exp{margin-top:1rem}}.app__skills-exp-title{color:var(--secondary-color);letter-spacing:.05em;text-transform:uppercase;margin-bottom:1.5rem;font-size:1.1rem}.app__skills-exp-timeline{width:100%;padding-left:1rem;position:relative}.app__skills-exp-timeline:before{content:"";background:linear-gradient(to bottom, var(--secondary-color), transparent);border-radius:2px;width:2px;position:absolute;top:0;bottom:0;left:0}.app__skills-exp-item{flex-direction:row;justify-content:flex-start;align-items:flex-start;width:100%;margin:1.2rem 0;display:flex;position:relative}.app__skills-exp-year{min-width:52px;margin-right:2.5rem}@media screen and (width<=450px){.app__skills-exp-year{margin-right:1rem}}.app__skills-exp-year-badge{background:linear-gradient(135deg, var(--secondary-color), #a78bfa);border-radius:20px;justify-content:center;align-items:center;padding:.3rem .7rem;display:inline-flex}.app__skills-exp-year-badge p{color:#fff;font-size:.85rem;font-weight:800}.app__skills-exp-duration{color:var(--gray-color);white-space:nowrap;margin-top:.3rem;font-size:.72rem}@media screen and (width<=450px){.app__skills-exp-duration{display:none}}.app__skills-exp-works{flex:1}.app__skills-exp-work{cursor:pointer;border:1px solid #0000;border-radius:10px;flex-direction:row;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem;padding:.75rem 1rem;transition:background .25s,transform .25s;display:flex}.app__skills-exp-work:hover{background-color:#f8f5ff;border-color:#e9d5ff;transform:translate(4px)}.app__skills-exp-work h4{color:var(--black-color);font-size:.95rem;font-weight:600}.app__skills-exp-work p{color:var(--gray-color);margin-top:3px;font-size:.85rem;font-weight:400}.app__skills-exp-work-dot{background-color:var(--secondary-color);border-radius:50%;width:8px;min-width:8px;height:8px;margin-top:6px;transition:transform .2s}.app__skills-exp-work:hover .app__skills-exp-work-dot{transform:scale(1.5)}.skills-tooltip{z-index:1;background-color:var(--white-color)!important;max-width:300px!important;color:var(--gray-color)!important;text-align:center!important;opacity:1!important;border:1px solid #e9d5ff!important;border-radius:10px!important;padding:1rem!important;font-size:.85rem!important;line-height:1.6!important;box-shadow:0 4px 20px #0000001f!important}@media screen and (width>=2000px){.skills-tooltip{max-width:500px!important;font-size:1.75rem!important;line-height:2!important}}.skills-tooltip-list{text-align:left;margin:0;padding:0;list-style:none}.skills-tooltip-list li{color:var(--gray-color);padding:.2rem 0;font-size:.8rem;line-height:1.5}.skills-tooltip-list li:before{content:"→ ";color:var(--secondary-color);font-weight:600}.app__footer{flex-direction:column;flex:1;width:100%}.app__footer-cards{flex-wrap:wrap-reverse;justify-content:space-evenly;align-items:center;width:60%;margin:4rem 2rem 2rem;display:flex}.app__footer-cards .app__footer-card{cursor:pointer;background-color:#fef4f5;border-radius:10px;flex-direction:row;justify-content:flex-start;align-items:center;min-width:290px;margin:1rem 0;padding:1rem;transition:all .3s ease-in-out;display:flex}.app__footer-cards .app__footer-card img{width:40px;height:40px;margin:0 .7rem}.app__footer-cards .app__footer-card p{font-weight:600}.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 (width<=450px){.app__footer-cards .app__footer-card{width:100%}}@media screen and (width<=768px){.app__footer-cards{width:100%}}.app__footer-cards .app__footer-card:last-child{background-color:#f2f7fb}.app__footer-form{flex-direction:column;width:60%;margin:1rem 2rem}.app__footer-form div{cursor:pointer;background-color:var(--primary-color);border-radius:10px;width:100%;margin:.75rem 0;transition:all .3s ease-in-out}.app__footer-form div input,.app__footer-form div textarea{background-color:var(--primary-color);width:100%;font-family:var(--font-base);color:var(--secondary-color);border:none;border-radius:7px;outline:none;padding:.95rem}.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);color:var(--white-color);font-weight:500;font-family:var(--font-base);cursor:pointer;border:none;border-radius:10px;outline:none;margin:2rem 0 0;padding:1rem 2rem}.app__footer-form button:hover{background-color:#2430af}.app__footer-form button:disabled{opacity:.6;cursor:not-allowed}@media screen and (width<=768px){.app__footer-form{width:100%;margin:1rem 0}}.error-text{color:#ef476f;margin-top:.25rem;margin-left:.5rem;font-size:.85rem}.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__skillsbg{background-color:var(--lightGray-color)}.app__container{flex-direction:row;width:100%;min-height:100vh;display:flex}.app__flex{justify-content:center;align-items:center;display:flex}.app__wrapper{flex-direction:column;flex:1;width:100%;padding:4rem 2rem}@media screen and (width<=450px){.app__wrapper{padding:4rem 1rem 2rem}}.copyright{flex-direction:column;justify-content:flex-end;align-items:flex-end;width:100%;padding:2rem 0 0;display:flex}.copyright p{text-transform:uppercase;color:var(--black-color)}.head-text{text-align:center;color:var(--black-color);text-transform:capitalize;font-size:2.75rem;font-weight:800}.head-text span{color:var(--secondary-color)}@media screen and (width>=2000px){.head-text{font-size:4rem}}@media screen and (width<=450px){.head-text{font-size:2rem}}.p-text{text-align:left;color:var(--gray-color);font-size:.8rem;line-height:1.5}@media screen and (width>=2000px){.p-text{font-size:1.75rem}}.bold-text{color:var(--black-color);text-align:left;font-size:1rem;font-weight:800}@media screen and (width>=2000px){.bold-text{font-size:2rem}}@media screen and (width<=450px){.bold-text{font-size:.9rem}}.app__social{flex-direction:column;justify-content:flex-end;align-items:center;padding:1rem;display:flex}.app__social div{background-color:var(--white-color);border:1px solid var(--lightGray-color);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:.25rem 0;transition:all .3s ease-in-out;display:flex}.app__social div svg{width:15px;height:15px;color:var(--gray-color)}.app__social div:hover{background-color:var(--secondary-color);border-color:var(--secondary-color)}.app__social div:hover svg{color:var(--white-color)}@media screen and (width>=2000px){.app__social div{width:70px;height:70px;margin:.5rem 0}.app__social div svg{width:30px;height:30px}}.app__navigation{flex-direction:column;justify-content:center;align-items:center;padding:1rem;display:flex}.app__navigation .app__navigation-dot{background-color:#cbcbcb;border-radius:50%;width:10px;height:10px;margin:.5rem;transition:background-color .2s ease-in-out}.app__navigation .app__navigation-dot:hover{background-color:var(--secondary-color)}@media screen and (width>=2000px){.app__navigation .app__navigation-dot{width:20px;height:20px}}@media screen and (width<=500px){.app__navigation,.app__social{display:none}.copyright{padding:2rem}}: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;scroll-behavior:smooth;margin:0;padding:0}