@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&display=swap";.app__navbar{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:var(--navigation-bg);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-bottom:1px solid var(--text-light);position:fixed;z-index:2}@media screen and (max-width: 600px){.app__navbar{padding:1rem}}@media screen and (max-width: 360px){.app__navbar{padding:.5rem .75rem}}.app__navbar-logo{display:flex;justify-content:flex-start;align-items:center;width:160px}@media screen and (max-width: 1024px){.app__navbar-logo{width:140px}}@media screen and (max-width: 480px){.app__navbar-logo{width:130px}}@media screen and (max-width: 360px){.app__navbar-logo{width:120px}}.app__navbar-logo a{width:100%;height:30px}@media screen and (max-width: 1024px){.app__navbar-logo a{width:100%;height:26px}}@media screen and (max-width: 480px){.app__navbar-logo a{width:100%;height:24px}}@media screen and (max-width: 360px){.app__navbar-logo a{width:100%;height:22px}}.app__navbar-links{flex:1;display:flex;justify-content:center;align-items:center;list-style:none}.app__navbar-links li{margin:0 1rem;cursor:pointer;flex-direction:column}.app__navbar-links li div{width:5px;height:5px;background:transparent;border-radius:50%}.app__navbar-links li a{color:var(--text-main);text-decoration:none;flex-direction:column;display:inline-flex;margin-top:10px;text-transform:uppercase;font-weight:500;transition:all .3s ease-in-out}.app__navbar-links li a:hover,.app__navbar-links li a.active-link{color:var(--primary)}.app__navbar-links li:hover div{background:var(--primary)}@media screen and (max-width: 900px){.app__navbar-links{display:none}}@media screen and (max-width: 768px){.app__navbar-buttons{display:flex;align-items:center;justify-content:flex-end;gap:1rem}}@media screen and (max-width: 480px){.app__navbar-buttons{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}}.app__navbar-actions{display:flex;justify-content:flex-end;align-items:center}.app__navbar-actions .theme-toggle{width:42px;height:42px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;cursor:pointer}.app__navbar-actions .theme-toggle:hover{background-color:var(--soft-bg)}.app__navbar-actions .theme-toggle:hover svg{color:var(--primary)}.app__navbar-actions .theme-toggle svg{color:var(--text-alt)}.app__navbar-menu{width:35px;height:35px;border-radius:50%;position:relative;display:flex;justify-content:center;align-items:center;background-color:var(--primary)}.app__navbar-menu svg{width:70%;height:70%;color:var(--bg-alt)}.app__navbar-menu div{position:fixed;top:0;bottom:0;right:0;z-index:5;padding:1rem;width:80%;height:100vh;display:flex;justify-content:flex-end;align-items:flex-end;flex-direction:column;background:url(/portfolio/assets/bgWhite-_9-FJm25.png);background-color:var(--bg-alt);background-size:cover;background-repeat:repeat;box-shadow:0 0 20px #a8a8a826}.app__navbar-menu div svg{width:35px;height:35px;color:var(--primary);margin:.5rem 1rem}.app__navbar-menu div ul{list-style:none;margin:0;padding:0;height:100%;width:100%;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column}.app__navbar-menu div ul li{margin:1rem}.app__navbar-menu div ul li a{color:var(--text-alt);text-decoration:none;font-size:1rem;text-transform:uppercase;font-weight:500;transition:all .3s ease-in-out}.app__navbar-menu div ul li a:hover{color:var(--primary)}@media screen and (min-width: 900px){.app__navbar-menu div{display:none}}@media screen and (min-width: 900px){.app__navbar-menu{display:none}}#about .app__wrapper{padding:8rem 2rem}@media screen and (max-width: 480px){#about .app__wrapper{padding:8rem 1rem 4rem}}@media screen and (max-width: 360px){#about .app__wrapper{padding:6rem 1rem 4rem}}#about .copyright{display:none}.app__about{flex:1;width:100%;flex-direction:column;gap:3rem}@media screen and (max-width: 360px){.app__about{gap:2.5rem}}.app__profiles{display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:2rem}@media screen and (max-width: 1024px){.app__profiles{gap:3rem}}@media screen and (max-width: 768px){.app__profiles{flex-direction:column}}@media screen and (max-width: 360px){.app__profiles{gap:2.5rem}}.app__profiles-item{width:320px;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;padding:1rem 1rem 2rem;background-color:var(--card-alt);border-radius:.5rem;border:1px solid var(--card-border-alt);box-shadow:0 18px 45px var(--shadow)}.app__profiles-item p{color:var(--text-alt)}.app__profiles-item img{width:100%;height:auto;border-radius:15px;object-fit:cover}@media screen and (min-width: 2000px){.app__profiles-item{width:370px;margin:2rem 4rem}.app__profiles-item img{height:320px}}@media screen and (min-width: 601px) and (max-width: 768px){.app__profiles-item{width:360px;padding:1.5rem}}@media screen and (max-width: 360px){.app__profiles-item{width:280px}}#contact .app__wrapper{padding:8rem 1rem 2rem}@media screen and (max-width: 768px){#contact .app__wrapper{padding:4rem 5rem 1rem;gap:2rem}}@media screen and (max-width: 600px){#contact .app__wrapper{padding:8rem 1rem 1rem;gap:2rem}}@media screen and (max-width: 480px){#contact .app__wrapper{padding:9rem 1rem 1rem;gap:2rem}}@media screen and (max-width: 360px){#contact .app__wrapper{padding:6rem 1rem 1rem}}.app__contact{flex:1;width:100%;flex-direction:column}@media screen and (max-width: 1024px){.app__contact{gap:3rem}}@media screen and (max-width: 768px){.app__contact{gap:3rem}}@media screen and (max-width: 360px){.app__contact{gap:2.5rem}}.app__contact-cards{width:60%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin:4em 2rem 2rem}@media screen and (max-width: 1024px){.app__contact-cards{width:66%;margin:0;justify-content:space-between}}@media screen and (max-width: 768px){.app__contact-cards{width:100%;margin:0;justify-content:space-between}}@media screen and (max-width: 600px){.app__contact-cards{width:90%;margin:0;gap:1rem}}.app__contact-card{min-width:290px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin:1rem 0;padding:1rem;border-radius:10px;cursor:pointer;background-color:var(--bg);transition:all .3s ease-in-out}@media screen and (max-width: 768px){.app__contact-card{margin:0}}@media screen and (max-width: 600px){.app__contact-card{width:100%;margin:0}}@media screen and (max-width: 360px){.app__contact-card{min-width:auto;padding:1rem .5rem}}.app__contact-card img{width:40px;height:40px;margin:0 .7rem}@media screen and (max-width: 360px){.app__contact-card img{width:32px;height:32px;margin-left:.5rem}}.app__contact-card p{font-weight:500}.app__contact-card a{text-decoration:none;font-weight:500}@media screen and (min-width: 601px) and (max-width: 768px){.app__contact-card a{font-size:1rem}}@media screen and (max-width: 360px){.app__contact-card a{font-size:1rem}}.app__contact-card:hover{box-shadow:0 0 12px var(--shadow-soft)}.app__contact-form{width:60%;flex-direction:column;margin:1rem 2rem}.app__contact-form div{width:100%;margin:.75rem 0;border-radius:10px;cursor:pointer;background-color:var(--bg);transition:all .3s ease-in-out}.app__contact-form div input,.app__contact-form div textarea{width:100%;padding:.95rem;border:none;border-radius:7px;background-color:var(--card-alt);font-family:var(--font-base);color:var(--text-main);outline:none}@media screen and (max-width: 360px){.app__contact-form div input,.app__contact-form div textarea{font-size:1rem}}.app__contact-form div textarea{height:170px}.app__contact-form div:hover{box-shadow:0 0 12px var(--shadow-soft)}@media screen and (max-width: 1024px){.app__contact-form div{margin:0}}.app__contact-form button{padding:1rem 2rem;border-radius:10px;border:none;background-color:var(--button-bg);font-weight:500;color:var(--button-text);outline:none;margin:2rem 0 0;font-family:var(--font-base);transition:cubic-bezier(.55,.085,.68,.53);cursor:pointer}.app__contact-form button:hover{background-color:var(--button-hover)}@media screen and (max-width: 768px){.app__contact-form button{width:100%;text-align:center}}@media screen and (max-width: 360px){.app__contact-form button{margin-top:1rem}}@media screen and (max-width: 1024px){.app__contact-form{width:66%;margin:0;gap:1rem}}@media screen and (max-width: 768px){.app__contact-form{width:100%;margin:0;gap:1rem}}@media screen and (max-width: 600px){.app__contact-form{width:90%;margin:0;gap:1rem}}#home{position:relative;background:url(/portfolio/assets/bgIMG-WeiCH2yo.png);background-size:cover;background-position:center;background-repeat:repeat}#home.dark-theme{background:url(/portfolio/assets/bgDark-pvVjfHO4.jpg)}#home .app__wrapper{padding:0}#home .app__wrapper .copyright{display:none}.app__header{flex:1;width:100%;height:100%;flex-direction:row;padding:6rem 2rem 0rem}@media screen and (min-width: 2000px){.app__header{padding-top:8rem}}@media screen and (min-width: 1200px){.app__header{padding:6rem 4rem 0rem;gap:3rem}}@media screen and (max-width: 1024px){.app__header{padding:8rem 4rem 1rem;gap:2rem;flex-direction:column}}@media screen and (max-width: 768px){.app__header{padding:8rem 1rem 2rem;gap:2rem}}@media screen and (max-width: 480px){.app__header{padding:10rem 1rem 2rem;gap:3rem}}@media screen and (max-width: 360px){.app__header{padding:6rem 1rem 2rem;gap:1rem}}.app__header-info{flex:1.5;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;margin:0 2rem;text-align:center;color:var(--text-main)}.app__header-info h1{font-size:3rem;font-weight:600}.app__header-info h1 span{font-size:1.75rem;font-weight:400}@media screen and (max-width: 600px){.app__header-info h1{font-size:2.5rem}}@media screen and (max-width: 480px){.app__header-info h1{font-size:2.5rem}}@media screen and (max-width: 480px){.app__header-info h1{font-size:2rem}}.app__header-info p{font-size:1.5rem;font-weight:400;margin:1rem 0;line-height:1.5;color:var(--text-alt)}@media screen and (max-width: 480px){.app__header-info p{font-size:1.25rem}}@media screen and (max-width: 360px){.app__header-info p{font-size:1.2rem}}@media screen and (min-width: 1200px){.app__header-info{width:100%;align-items:flex-start;text-align:left;margin:0;padding-left:4rem;flex:1.2}}@media screen and (max-width: 1024px){.app__header-info{margin:0;padding:0 6rem}}@media screen and (max-width: 480px){.app__header-info{margin:0;padding:0 2rem;gap:1rem}}@media screen and (max-width: 360px){.app__header-info{padding:0 1rem;gap:0}}.app__header-tech{flex:.75;display:flex;flex-direction:column;justify-content:space-evenly;align-items:flex-start;height:100%;margin-left:0}.app__header-tech div{width:100px;height:100px;border-radius:50%;display:flex;justify-content:center;align-items:center;background:var(--bg);box-shadow:0 0 20px var(--shadow-soft)}.app__header-tech div img{width:60%;height:"auto"}.app__header-tech div:nth-child(1){width:90px;height:90px}@media screen and (max-width: 480px){.app__header-tech div:nth-child(1){width:70px;height:70px}}.app__header-tech div:nth-child(2){margin:1.5rem;width:120px;height:120px}@media screen and (max-width: 480px){.app__header-tech div:nth-child(2){width:100px;height:100px}}.app__header-tech div:nth-child(3){width:80px;height:80px}@media screen and (max-width: 480px){.app__header-tech div:nth-child(3){width:60px;height:60px}}@media screen and (min-width: 2000px){.app__header-tech div:nth-child(2){width:200px;height:200px}.app__header-tech div:nth-child(3){width:140px;height:140px}.app__header-tech div:nth-child(1){width:100px;height:100px}}@media screen and (max-width: 1200px){.app__header-tech{width:100%;flex-direction:row;flex-wrap:wrap}.app__header-tech div{margin:1rem}}.app__header-img{flex:1.2;height:100%;display:flex;justify-content:center;align-items:flex-end;position:relative}.app__header-img img{width:90%;object-fit:contain;z-index:1}@media screen and (max-width: 1024px){.app__header-img img{width:42%}}@media screen and (max-width: 768px){.app__header-img img{width:66%}}@media screen and (max-width: 600px){.app__header-img img{width:280px}}@media screen and (max-width: 480px){.app__header-img img{width:90%}}@media screen and (max-width: 480px){.app__header-img{padding-top:1rem}}#skills .app__wrapper{padding:8rem 2rem}@media screen and (min-width: 481px) and (max-width: 768px){#skills .app__wrapper{padding:8rem 1rem 2rem}}@media screen and (max-width: 480px){#skills .app__wrapper{padding:8rem 1rem 4rem}}@media screen and (max-width: 360px){#skills .app__wrapper{padding:6rem 1rem 4rem}}#skills .copyright{display:none}.app__skills{flex:1;width:100%;flex-direction:column}@media screen and (max-width: 1024px){.app__skills{gap:3rem}}@media screen and (max-width: 360px){.app__skills{gap:2.5rem}}.app__skills__container{width:60%;margin-top:3rem;display:flex;flex-direction:row}@media screen and (max-width: 1024px){.app__skills__container{width:80%;flex-direction:row;margin-top:0;gap:3rem}}@media screen and (max-width: 768px){.app__skills__container{flex-direction:column}}@media screen and (max-width: 360px){.app__skills__container{width:90%}}.app__skills__list{flex:1;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;margin-right:5rem}@media screen and (max-width: 1024px){.app__skills__list{margin-right:0;justify-content:center;align-items:center;gap:2rem}}@media screen and (max-width: 768px){.app__skills__list{gap:2rem;padding:0 2rem}}@media screen and (max-width: 480px){.app__skills__list{gap:2rem}}@media screen and (max-width: 360px){.app__skills__list{padding:0}}.app__skills__list-item{flex-direction:column;text-align:center;margin:1rem;transition:all .3s ease-in-out}.app__skills__list-item div{width:90px;height:90px;border-radius:50%}.app__skills__list-item div img{width:50%;height:auto}.app__skills__list-item div:hover{box-shadow:0 0 7px var(--shadow-soft)}@media screen and (min-width: 2000px){.app__skills__list-item div{width:150px;height:150px}}@media screen and (max-width: 600px){.app__skills__list-item div{width:70px;height:70px}}.app__skills__list-item p{font-weight:500;margin-top:.5rem}@media screen and (min-width: 2000px){.app__skills__list-item{margin:1rem 2rem}.app__skills__list-item p{margin-top:1rem}}@media screen and (max-width: 768px){.app__skills__list-item{margin:0}}.app__skills__exp{flex:1;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column}@media screen and (max-width: 900px){.app__skills__exp{margin-top:2rem;align-items:center}}@media screen and (max-width: 768px){.app__skills__exp{margin-top:0;gap:1rem;padding:0 2rem}}@media screen and (max-width: 360px){.app__skills__exp{padding:0}}.app__skills__exp-item{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;margin:1rem 0}@media screen and (max-width: 768px){.app__skills__exp-item{margin:0}}.app__skills__exp-works{flex:1}.app__skills__exp-work{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-bottom:1rem;cursor:pointer}.app__skills__exp-work h4{font-weight:500}.app__skills__exp-work p{font-weight:400;color:var(--text-alt);margin-top:5px}@media screen and (max-width: 360px){.app__skills__exp-work p{font-size:1rem}}.app__skills__exp-year{margin-right:3rem;min-width:92px}.app__skills__exp-year p{font-weight:800;color:var(--primary)}@media screen and (max-width: 768px){.app__skills__exp-year{margin-right:2rem}}@media screen and (max-width: 480px){.app__skills__exp-year{margin-right:1rem}}.app__skills__exp-tooltip{max-width:300px!important;box-shadow:0 0 25px var(--shadow-soft)!important;border-radius:5px!important;line-height:1.5!important;padding:1rem!important;background-color:var(--tooltip-bg)!important;color:var(--text-alt)!important}@media screen and (min-width: 2000px){.app__skills__exp-tooltip{font-size:1.75rem!important;max-width:500px!important;line-height:2!important}}#testimonials .app__wrapper{padding:8rem 1rem 2rem}@media screen and (max-width: 1024px){#testimonials .app__wrapper{padding:8rem 1rem 4rem}}@media screen and (max-width: 768px){#testimonials .app__wrapper{padding:8rem 2rem 4rem}}@media screen and (max-width: 600px){#testimonials .app__wrapper{padding:8rem 1rem 4rem}}@media screen and (max-width: 360px){#testimonials .app__wrapper{padding:6rem 1rem 4rem}}#testimonials .copyright{display:none}.app__testimonial{flex:1;width:100%;flex-direction:column}@media screen and (max-width: 1024px){.app__testimonial{gap:3rem}}@media screen and (max-width: 360px){.app__testimonial{gap:2.5rem}}.app__testimonial-item{width:60%;min-height:320px;background-color:var(--bg-alt);display:flex;flex-direction:row;padding:2rem;border-radius:1rem;border:1px solid var(--card-border-alt);box-shadow:0 0 30px var(--shadow-soft);margin-top:4rem;transition:all .3s ease-in-out}@media screen and (min-width: 2000px){.app__testimonial-item{min-height:450px}.app__testimonial-item img{width:150px;height:150px}}@media screen and (max-width: 1024px){.app__testimonial-item{margin-top:0}}@media screen and (max-width: 768px){.app__testimonial-item{width:80%}}@media screen and (max-width: 600px){.app__testimonial-item{flex-direction:column;margin-top:0;width:80%}}@media screen and (max-width: 480px){.app__testimonial-item{margin-top:0;width:90%}}@media screen and (max-width: 360px){.app__testimonial-item{padding:1rem}}.app__testimonial-item img{width:100px;height:100px;border-radius:50%;object-fit:cover}.app__testimonial-content{flex:1;height:100%;padding:0 2rem;text-align:left;display:flex;flex-direction:column;justify-content:space-around;align-items:flex-start}.app__testimonial-content p{font-size:1.25rem;line-height:2rem;color:var(--text-alt);font-family:var(--font-base)}@media screen and (min-width: 2000px){.app__testimonial-content p{font-size:2rem;line-height:3.5rem}}@media screen and (max-width: 360px){.app__testimonial-content p{font-size:1rem}}.app__testimonial-content h4{font-weight:600;color:var(--primary);margin-top:2rem}.app__testimonial-content h5{font-weight:400;color:var(--text-alt);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}@media screen and (max-width: 1024px){.app__testimonial-btns{margin-top:0}}@media screen and (max-width: 600px){.app__testimonial-btns{margin-top:0}}.app__testimonial-btns div{width:50px;height:50px;border-radius:50%;background-color:var(--bg-alt);margin:1rem;transition:all .3s ease-in-out}.app__testimonial-btns div svg{width:20px;height:20px;color:var(--primary)}.app__testimonial-btns div:hover{background-color:var(--primary)}.app__testimonial-btns div:hover svg{color:var(--bg-alt)}@media screen and (min-width: 2000px){.app__testimonial-btns div{width:100px;height:100px}.app__testimonial-btns div svg{width:45px;height:45px}}.app__testimonial-brands{width:80%;flex-wrap:wrap;margin-top:2rem}@media screen and (max-width: 1024px){.app__testimonial-brands{margin-top:0;gap:2rem}}@media screen and (max-width: 768px){.app__testimonial-brands{width:72%;gap:3rem}}@media screen and (max-width: 600px){.app__testimonial-brands{margin-top:0}}.app__testimonial-brands div{width:150px;margin:1.5rem;display:flex;justify-content:center}.app__testimonial-brands div img{width:100%;height:auto;object-fit:cover;filter:grayscale(1)}.app__testimonial-brands div:hover img{filter:grayscale(0)}@media screen and (min-width: 2000px){.app__testimonial-brands div{width:210px;margin:2rem}}@media screen and (max-width: 1024px){.app__testimonial-brands div{margin:0}}@media screen and (max-width: 600px){.app__testimonial-brands div{width:120px}}#work .app__wrapper{padding:8rem 2rem}@media screen and (min-width: 1200px){#work .app__wrapper{padding:8rem 4rem 2rem}}@media screen and (max-width: 768px){#work .app__wrapper{padding:8rem 1rem 4rem}}@media screen and (max-width: 360px){#work .app__wrapper{padding:6rem 1rem 4rem}}#work .copyright{display:none}.app__works{flex:1;width:100%;flex-direction:column}@media screen and (max-width: 1024px){.app__works{gap:3rem}}@media screen and (max-width: 360px){.app__works{gap:2.5rem}}.app__work_filter{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;margin:4rem 0 2rem}@media screen and (max-width: 1024px){.app__work_filter{margin:0;padding:0 2.5rem}}@media screen and (max-width: 600px){.app__work_filter{justify-content:space-between;padding:0 1.5rem}}@media screen and (max-width: 360px){.app__work_filter{justify-content:center;padding:0 .5rem}}.app__work_filter-item{padding:.5rem 1rem;border-radius:.5rem;background-color:var(--bg-alt);color:var(--text-main);font-weight:800;cursor:pointer;transition:all .3s ease;margin:.5rem}.app__work_filter-item:hover{background-color:var(--button-bg);color:var(--button-text)}@media screen and (min-width: 2000px){.app__work_filter-item{padding:1rem 2rem;border-radius:.85rem}}@media screen and (max-width: 360px){.app__work_filter-item{font-size:.75rem}}.app__work_filter .item-active{background-color:var(--button-bg);color:var(--button-text)}.app__work_portfolio{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch}@media screen and (max-width: 768px){.app__work_portfolio{gap:2rem}}.app__work_portfolio-item{width:320px;flex-direction:column;margin:2rem;padding:1rem;border-radius:.5rem;background-color:var(--bg-alt);color:#000;cursor:pointer;transition:all .3s ease;justify-content:flex-start!important}.app__work_portfolio-item:hover{box-shadow:0 18px 45px var(--shadow-soft)}@media screen and (min-width: 2000px){.app__work_portfolio-item{width:470px;padding:1.25rem;border-radius:.75rem}}@media screen and (max-width: 768px){.app__work_portfolio-item{margin:0}}@media screen and (min-width: 601px) and (max-width: 768px){.app__work_portfolio-item{width:360px}}@media screen and (max-width: 360px){.app__work_portfolio-item{width:280px}}.app__work_portfolio-img{width:100%;height:230px;position:relative}.app__work_portfolio-img img{width:100%;height:100%;border-radius:.5rem;object-fit:cover}@media screen and (min-width: 2000px){.app__work_portfolio-img{height:350px}}.app__work_portfolio-hover{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background-color:#00000080;border-radius:.5rem;opacity:0;transition:all .3s ease}.app__work_portfolio-hover div{width:50px;height:50px;border-radius:50%;background-color:#00000080;color:var(--bg-alt);margin:1rem;font-family:var(--font-base);font-weight:800;cursor:pointer;transition:all .3s ease}.app__work_portfolio-hover div svg{width:50%;height:50%;color:var(--svg-bg)}.app__work_portfolio-content{padding:.5rem;width:100%;position:relative;flex-direction:column}.app__work_portfolio-content h4{margin-top:1rem;line-height:1.5}@media screen and (min-width: 2000px){.app__work_portfolio-content h4{margin-top:3rem}}.app__work_portfolio-content p{color:var(--text-alt)}.app__work_portfolio-tag{position:absolute;padding:.5rem 1rem;border-radius:10px;background-color:var(--bg-alt);top:-25px}.app{background-color:var(--bg);font-family:var(--font-base)}.app__whitebg{background-color:var(--bg-alt)}.app__primarybg{background-color:var(--bg)}.app__container{width:100%;min-height:100vh;display:flex;flex-direction:row}.app__flex{display:flex;justify-content:center;align-items:center}.app__wrapper{flex:1;width:100%;flex-direction:column;padding:4rem 2rem}@media screen and (max-width: 480px){.app__wrapper{padding:4rem 1rem 2rem}}.copyright{width:100%;padding:2rem 0 0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end}.copyright p{text-transform:uppercase;color:var(--text-dark);font-size:1rem}.copyright p:last-child{font-size:.8rem}.head-text{font-size:2.25rem;font-weight:800;text-align:center;color:var(--text-dark)}.head-text span{color:var(--primary)}@media screen and (min-width: 2000px){.head-text{font-size:4rem}}@media screen and (max-width: 480px){.head-text{font-size:2rem}}@media screen and (max-width: 360px){.head-text{font-size:1.6rem}}.p-text{font-size:1.2rem;text-align:left;color:var(--text-main);line-height:1.5}@media screen and (min-width: 2000px){.p-text{font-size:1.75rem}}.bold-text{font-size:1rem;font-weight:800;color:var(--text-dark);text-align:left}@media screen and (min-width: 2000px){.bold-text{font-size:2rem}}@media screen and (max-width: 480px){.bold-text{font-size:.9rem}}.app__social{display:flex;justify-content:flex-end;align-items:center;flex-direction:column;padding:1rem}.app__social button{width:40px;height:40px;border-radius:50%;background-color:var(--card-bg);margin:.25rem 0;border:1px solid var(--card-border);display:flex;justify-content:center;align-items:center;transition:all .3s ease-in-out;cursor:pointer}.app__social button a{width:15px;height:15px}.app__social button svg{width:15px;height:15px;color:var(--text-alt)}.app__social button:hover{background-color:var(--primary);border-color:var(--primary)}.app__social button:hover svg{color:var(--bg-alt)}@media screen and (min-width: 2000px){.app__social button{width:70px;height:70px;margin:.5rem 0}.app__social button svg{width:30px;height:30px}}@media screen and (min-width: 768px){.app__social{position:absolute;height:100vh}}.app__navigation{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:1rem}.app__navigation .app__navigation-dot{width:10px;height:10px;border-radius:50%;background-color:var(--text-light);margin:.5rem;transition:background-color .2s ease-in-out}.app__navigation .app__navigation-dot:hover,.app__navigation .app__navigation-dot.active-dot{background-color:var(--primary)}@media screen and (min-width: 2000px){.app__navigation .app__navigation-dot{width:20px;height:20px}}@media screen and (min-width: 768px){.app__navigation{position:absolute;height:100vh;right:0}}@media screen and (max-width: 768px){.copyright{padding:2rem;align-items:center}}@media screen and (max-width: 600px){.app__navigation,.app__social{display:none}.copyright{padding:2rem;align-items:center}}@media screen and (max-width: 480px){.app__navigation,.app__social{display:none}.copyright{padding:2rem;align-items:center}}:root{--font-base: "Montserrat", sans-serif;--bg: #edf2f8;--bg-alt: #ffffff;--primary: #313bac;--secondary: #3e4bd5;--text-main: #404756;--text-alt: #6b7688;--text-dark: #23272f;--text-light: #cbcbcb;--card-bg: #ffffff;--card-alt: #f2f7fb;--card-border: #e4e4e4;--card-border-alt: transparent;--shadow-soft: rgba(15, 23, 42, .08);--shadow: rgba(15, 23, 42, .12);--navigation-bg: rgba(255, 255, 255, .9);--soft-bg: rgba(15, 23, 42, .04);--svg-bg: #ffffff;--tooltip-bg: #ffffff;--button-bg: #313bac;--button-hover: #3e4bd5;--button-text: #ffffff}[data-theme=dark]{--bg: #232730;--bg-alt: #1a1d24;--text-main: #e5e7eb;--text-alt: #9ca3af;--text-dark: #f3f4f6;--text-light: #6b7280;--primary: #38bdf8;--card-bg: #1a1d24;--card-alt: #16181d;--card-border: rgba(148, 163, 184, .35);--card-border-alt: rgba(255, 255, 255, .18);--shadow-soft: rgba(15, 23, 42, .08);--shadow: rgba(15, 23, 42, .12);--navigation-bg: rgba(26, 29, 36, .9);--soft-bg: rgba(255, 255, 255, .08);--svg-bg: #ffffff;--tooltip-bg: #232730;--button-bg: rgba(26, 46, 73, .5);--button-hover: rgba(26, 46, 73, 1);--button-text: #38bdf8}*{box-sizing:border-box;padding:0;margin:0;scroll-behavior:smooth}