:root{--primary-color:#f0f4f8;--secondary-color:#30575e;--white-color:#fff;--black-color:#333;--gray-color:#777;--lightGray-color:#e0e0e0;--font-base:"Roboto",sans-serif}*{transition:background-color .3s ease,color .3s ease}.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{width:100%;min-height:100vh;display:flex;flex-direction:row}.app__flex{display:flex;justify-content:center;align-items:center}.app__wrapper{flex:1}.app__wrapper,.copyright{width:100%;flex-direction:column}.copyright{padding:2rem 0 0;display:flex;justify-content:flex-end;align-items:flex-end}.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}}@media(prefers-color-scheme:dark){.head-text{color:var(--white-color)}}.head2-text{font-size:2.75rem}.p-text{font-size:.8rem;text-align:left;color:var(--black-color);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(--black-color);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{justify-content:flex-end;flex-direction:column;padding:1rem}.app__social,.app__social div{display:flex;align-items:center}.app__social div{width:40px;height:40px;border-radius:50%;background-color:var(--white-color);margin:.25rem 0;border:1px solid var(--lightGray-color);justify-content:center;transition:all .3s ease-in-out}.app__social div svg{width:15px;height:15px;color:var(--gray-color)}@media(prefers-color-scheme:dark){.app__social div svg{color:var(--black-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(prefers-color-scheme:dark){.app__social div:hover svg{color:var(--secondary-color)}}@media screen and (min-width:2000px){.app__social div{width:70px;height:70px;margin:.5rem 0}.app__social div svg{width:30px;height:30px}}.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:#cbcbcb;margin:.5rem;transition:background-color .2s ease-in-out}.app__navigation .app__navigation-dot:hover{background-color:var(--secondary-color)}@media screen and (min-width:2000px){.app__navigation .app__navigation-dot{width:20px;height:20px}}@media screen and (max-width:500px){.app__navigation,.app__social{display:none}.copyright{padding:2rem}}@media(prefers-color-scheme:dark){body{--primary-color:#1a1a1a;--secondary-color:#f5f5f580;--white-color:#f5f5f5;--black-color:#1a1a1a;--gray-color:#cbcbcb;--lightGray-color:#e0e0e0;--font-base:"Roboto",sans-serif}}.app__navbar{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:hsla(0,0%,100%,.25);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.4);box-shadow:0 8px 32px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.6);position:fixed;z-index:1000;transition:all .3s ease}.app__navbar.light-theme,.app__navbar.light-theme .app__navbar-links li a,.app__navbar.light-theme .app__navbar-menu-close,.app__navbar.light-theme .app__navbar-menu-icon{color:var(--black-color)}.app__navbar.dark-theme{background:rgba(0,0,0,.25);border:1px solid hsla(0,0%,100%,.2)}.app__navbar.dark-theme,.app__navbar.dark-theme .app__navbar-links li a,.app__navbar.dark-theme .app__navbar-menu-close,.app__navbar.dark-theme .app__navbar-menu-icon{color:var(--white-color)}@media(prefers-color-scheme:dark){.app__navbar{background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.3)}}.app__navbar .p-text{color:inherit!important}.app__navbar.scrolled.light-theme{background:hsla(0,0%,100%,.4);border-bottom:1px solid hsla(0,0%,100%,.5);box-shadow:0 8px 32px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.7)}.app__navbar.scrolled.dark-theme{background:rgba(0,0,0,.4);border-bottom:1px solid hsla(0,0%,100%,.3);box-shadow:0 8px 32px rgba(0,0,0,.25),inset 0 1px 0 hsla(0,0%,100%,.4)}.app__navbar-logo{display:flex;justify-content:flex-start;align-items:center}.app__navbar-logo img{width:90px;height:20px}@media screen and (min-width:2000px){.app__navbar-logo img{width:180px;height:40px}}.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%;margin-bottom:5px}.app__navbar-links li a{color:inherit;text-decoration:none;flex-direction:column;text-transform:uppercase;font-weight:500;transition:all .3s ease-in-out;position:relative}.app__navbar-links li a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:currentColor;transition:width .3s ease}.app__navbar-links li a:hover{color:inherit!important}.app__navbar-links li a:hover:after{width:100%}.app__navbar-links li:hover div{background:var(--secondary-color)}@media screen and (max-width:900px){.app__navbar-links{display:none}}.app__navbar-menu{width:35px;height:35px;border-radius:50%;position:relative;display:flex;justify-content:center;align-items:center}.app__navbar-menu svg{width:70%;height:70%;color:inherit}.app__navbar-menu div{position:fixed;top:0;bottom:0;right:0;z-index:100;padding:1rem;width:80%;height:100vh;display:flex;justify-content:flex-end;align-items:flex-end;flex-direction:column;background:hsla(0,0%,100%,.25);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left:1px solid hsla(0,0%,100%,.4);box-shadow:-8px 0 32px rgba(0,0,0,.1),inset 1px 0 0 hsla(0,0%,100%,.6);color:inherit}.app__navbar-menu div svg{width:35px;height:35px;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:inherit;text-decoration:none;font-size:1rem;text-transform:uppercase;font-weight:500;text-shadow:0 1px 2px hsla(0,0%,100%,.8);transition:all .3s ease-in-out}.app__navbar-menu div ul li a:hover{color:var(--secondary-color);transform:translateX(-5px)}@media screen and (min-width:900px){.app__navbar-menu,.app__navbar-menu div{display:none}}.app__navbar-menu-close,.app__navbar-menu-icon{font-size:1.75rem;color:inherit;cursor:pointer;transition:color .3s ease}.app__navbar-menu-close:hover,.app__navbar-menu-icon:hover{color:inherit}.app__navbar-menu-container{position:fixed;top:0;right:0;width:80%;height:100vh;background:hsla(0,0%,100%,.25);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left:1px solid hsla(0,0%,100%,.4);box-shadow:-8px 0 32px rgba(0,0,0,.1),inset 1px 0 0 hsla(0,0%,100%,.6);display:flex;flex-direction:column;align-items:flex-end;padding:2rem;z-index:100;color:var(--black-color)}.app__navbar-menu-container 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-container ul li{margin:1rem 0}.app__navbar-menu-container ul li a{font-size:1.2rem;color:inherit;text-decoration:none;transition:all .3s ease;font-weight:500;text-shadow:0 1px 2px hsla(0,0%,100%,.8)}.app__navbar-menu-container ul li a:hover{color:var(--secondary-color);transform:translateX(-5px)}.app__navbar-menu-container.light-theme{background:hsla(0,0%,100%,.25);border-left:1px solid hsla(0,0%,100%,.4);color:var(--black-color)}.app__navbar-menu-container.light-theme ul li a{color:var(--black-color);text-shadow:0 1px 2px hsla(0,0%,100%,.8)}.app__navbar-menu-container.dark-theme{background:rgba(0,0,0,.25);border-left:1px solid hsla(0,0%,100%,.2);color:var(--white-color)}.app__navbar-menu-container.dark-theme ul li a{color:var(--white-color);text-shadow:0 1px 2px rgba(0,0,0,.8)}.app__about{flex:1;width:100%;flex-direction:column;margin:0 auto}@media screen and (max-width:1400px){.app__about{padding:6rem 2rem 0}}.summary{width:100%;text-align:center;color:var(--black-color)}@media screen and (min-width:1000px){.summary{width:75%}}.head2-text{font-size:1.75rem;font-weight:800;text-align:center;color:var(--black-color);text-transform:capitalize}.head2-text span{color:var(--secondary-color)}@media screen and (min-width:2000px){.head2-text{font-size:4rem}}@media screen and (max-width:450px){.head2-text{font-size:2rem}}.app__profiles{justify-content:center;flex-wrap:wrap;margin-top:2rem}.app__profile-item,.app__profiles{display:flex;align-items:flex-start}.app__profile-item{width:190px;justify-content:flex-start;flex-direction:column;margin:2rem}.app__profile-item img{width:100%;height:170px;border-radius:15px;object-fit:cover}@media screen and (min-width:2000px){.app__profile-item{width:370px;margin:2rem 4rem}.app__profile-item img{height:320px}}.app__footer{flex:1;width:100%;flex-direction:column}@media screen and (max-width:1400px){.app__footer{padding:6rem 2rem 0}}@media screen and (max-width:768px){.app__footer{flex-direction:column}}.app__footer-cards{width:60%;display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap;margin:4em 2rem 2rem}.app__footer-cards .app__footer-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(--white-color);color:var(--black-color);border:1px solid var(--lightGray-color);transition:all .3s ease-in-out}.app__footer-cards .app__footer-card img{width:40px;height:40px;margin:0 .7rem}.app__footer-cards .app__footer-card p{font-weight:500}.app__footer-cards .app__footer-card a{text-decoration:none;font-weight:500;color:inherit}.app__footer-cards .app__footer-card:hover{box-shadow:0 0 25px var(--secondary-color)}@media screen and (max-width:450px){.app__footer-cards .app__footer-card{width:100%}}@media(prefers-color-scheme:dark){.app__footer-cards .app__footer-card{background-color:var(--primary-color);border:1px solid hsla(0,0%,100%,.1);color:var(--white-color)}}@media screen and (max-width:768px){.app__footer-cards{width:100%}}.app__footer-cards .app__footer-card:last-child{background-color:var(--white-color);border:1px solid var(--lightGray-color)}@media(prefers-color-scheme:dark){.app__footer-cards .app__footer-card:last-child{background-color:var(--primary-color);border:1px solid hsla(0,0%,100%,.1)}}.app__footer-cards .app__footer-card:last-child:hover{box-shadow:0 0 25px var(--secondary-color)}.app__footer-form{width:60%;flex-direction:column;margin:1rem 2rem}.app__footer-form div{margin:.75rem 0;border-radius:10px;transition:all .3s ease-in-out}.app__footer-form div,.app__footer-form div input,.app__footer-form div textarea{width:100%;background-color:var(--white-color);border:1px solid var(--lightGray-color)}.app__footer-form div input,.app__footer-form div textarea{padding:.75rem;border-radius:4px;color:var(--black-color);outline:none;transition:background-color .3s ease,border-color .3s ease}@media(prefers-color-scheme:dark){.app__footer-form div input,.app__footer-form div textarea{background-color:var(--primary-color);border-color:hsla(0,0%,100%,.1);color:var(--white-color)}}.app__footer-form div textarea{height:170px}.app__footer-form div:hover{box-shadow:0 0 25px var(--secondary-color)}@media(prefers-color-scheme:dark){.app__footer-form div{background-color:var(--primary-color);border-color:var(--lightGray-color)}}.app__footer-form button{padding:.75rem 1.5rem;border-radius:4px;border:1px solid var(--secondary-color);background-color:var(--secondary-color);color:var(--white-color);font-weight:500;font-family:var(--font-base);margin:1.5rem auto 0;cursor:pointer;transition:filter .3s ease,border-color .3s ease}.app__footer-form button:hover{filter:brightness(.9)}@media screen and (max-width:768px){.app__footer-form{width:100%;margin:1rem 0}}#home{position:relative;background:linear-gradient(-45deg,#f8f9fa,#f1f3f4,#e9ecef,#dee2e6,#ced4da,#b6bcc3);background-size:400% 400%;animation:gradientShift 25s ease infinite}#home .app__wrapper{padding:0}#home .app__wrapper .copyright{display:none}@keyframes gradientShift{0%{background-position:0 50%}25%{background-position:100% 50%}50%{background-position:100% 100%}75%{background-position:0 100%}to{background-position:0 50%}}.app__header{flex:1;width:100%;height:100dvh;flex-direction:row;background-color:transparent;position:relative;padding:6rem 2rem 0}@media screen and (min-width:2000px){.app__header{padding-top:8rem}}@media screen and (max-width:1000px){.app__header{flex-direction:column}}@media screen and (max-width:450px){.app__header{padding:6rem 1rem 2rem}}.app__header-info{flex:.65;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;height:100%;z-index:2;position:relative;margin:0 2rem}@media screen and (max-width:1000px){.app__header-info{width:100%;order:1;height:auto}}@media screen and (max-width:700px){.app__header-info{flex:1;flex-direction:column}}.app__header-badge{width:100%;display:flex;justify-content:flex-end;align-items:flex-end;flex-direction:column}.app__header-badge .badge-cmp,.app__header-badge .tag-cmp{padding:1.2rem 2.5rem;background:hsla(0,0%,100%,.25);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.4);border-radius:20px;flex-direction:row;width:auto;transition:all .3s ease;box-shadow:0 8px 32px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.6)}.app__header-badge .badge-cmp:hover,.app__header-badge .tag-cmp:hover{transform:translateY(-2px);background:hsla(0,0%,100%,.35);box-shadow:0 12px 40px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.7)}@media(prefers-color-scheme:dark){.app__header-badge .badge-cmp,.app__header-badge .tag-cmp{background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.3)}.app__header-badge .badge-cmp:hover,.app__header-badge .tag-cmp:hover{background:hsla(0,0%,100%,.25)}}@media screen and (max-width:1000px){.app__header-badge .badge-cmp,.app__header-badge .tag-cmp{width:100%}}.app__header-badge .badge-cmp{margin-top:1rem}.app__header-badge .badge-cmp p{width:100%;color:var(--black-color);font-weight:500;text-shadow:0 1px 2px hsla(0,0%,100%,.8)}.app__header-badge .tag-cmp{flex-direction:column;margin-top:3rem}.app__header-badge .tag-cmp p{width:100%;text-transform:uppercase;color:var(--black-color);font-weight:500;font-size:.9rem;letter-spacing:.5px;text-shadow:0 1px 2px hsla(0,0%,100%,.8)}@media screen and (max-width:1000px){.app__header-badge .tag-cmp{margin-top:1rem}}.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:1000px){.app__header-badge{justify-content:space-evenly;align-items:center;flex-direction:column}}@media screen and (max-width:600px){.app__header-badge .badge-cmp{flex-direction:column;align-items:flex-start}.app__header-badge .badge-cmp span{font-size:2rem}.app__header-badge .badge-cmp .n1{margin-left:0;margin-top:.5rem}.app__header-badge .badge-cmp .n1 .head2-text{font-size:1.75rem}.app__header-badge .badge-cmp .n1 .p-text{font-size:.9rem}}.app__header-circles{flex:.75;display:flex;flex-direction:column;justify-content:space-evenly;align-items:flex-start;height:100%;margin-left:1rem}.app__header-circles div{width:100px;height:100px;border-radius:50%;transition:all .3s ease;background:hsla(0,0%,100%,.25);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.4);box-shadow:0 8px 32px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.6)}.app__header-circles div:hover{transform:translateY(-2px);background:hsla(0,0%,100%,.35);box-shadow:0 12px 40px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.7)}.app__header-circles div img{width:60%;height:60%}@media(prefers-color-scheme:dark){.app__header-circles div{background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.3)}.app__header-circles div:hover{background:hsla(0,0%,100%,.25)}}.app__header-circles div:first-child{width:100px;height:100px}.app__header-circles div:nth-child(2){margin:1.75rem;width:125px;height:125px}.app__header-circles div:nth-child(3){width:100px;height:100px}@media screen and (min-width:2000px){.app__header-circles div{width:150px;height:150px}.app__header-circles div:first-child{width:200px;height:200px}.app__header-circles div:nth-child(2){width:400px;height:400px}.app__header-circles div:nth-child(3){width:170px;height:170px}}@media screen and (max-width:1000px){.app__header-circles{width:100%;flex-direction:row;flex-wrap:wrap;margin-left:0;justify-content:center;order:3}.app__header-circles div{margin:.5rem;width:70px;height:70px}}@media screen and (max-width:450px){.app__header-circles div{width:50px;height:50px}}.app__header-img{flex:1;height:100%;display:flex;justify-content:flex-end;align-items:flex-end;position:relative;overflow:hidden}.app__header-img img{height:100%;width:auto;object-fit:contain;z-index:1}.app__header-img .overlay_circle{position:absolute;left:0;right:0;bottom:0;z-index:0;width:100%;height:90%}@media screen and (max-width:1000px){.app__header-img{flex:none;order:2;height:50dvh}}.app__skills{flex:1;width:100%;flex-direction:column}#skills .app__wrapper{padding:4rem 0!important}#skills .app__experience-section{padding-left:2rem;padding-right:2rem}@media screen and (max-width:768px){#skills .app__experience-section{padding-left:0;padding-right:0}}.app__skills-section{width:100%;margin-bottom:2rem;padding:1.5rem 0;border-bottom:1px solid rgba(0,0,0,.05)}@media screen and (max-width:768px){.app__skills-section{padding:1.5rem 0}}@media screen and (max-width:480px){.app__skills-section{padding:1rem .5rem;margin-bottom:1.5rem}}@media(prefers-color-scheme:dark){.app__skills-section{border-bottom:1px solid hsla(0,0%,100%,.1)}}.app__skills-section h3{text-align:center;color:var(--black-color)!important;margin-bottom:2rem}@media screen and (max-width:450px){.app__skills-section h3{font-size:1.25rem!important;margin-bottom:1.5rem}}@media(prefers-color-scheme:dark){.app__skills-section h3{color:var(--black-color)!important}}.app__skills-category{margin-bottom:3rem}.app__skills-category:last-child{margin-bottom:0}.app__skills-category .app__skills-category-title{font-size:1.2rem;font-weight:600;color:var(--black-color);text-align:center;margin-bottom:1.5rem;padding:.8rem 1.5rem;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:25px;box-shadow:0 2px 10px rgba(0,0,0,.1);position:relative}.app__skills-category .app__skills-category-title:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--black-color),rgba(0,0,0,.8));border-radius:25px;opacity:0;transition:opacity .3s ease}.app__skills-category .app__skills-category-title:after{content:attr(data-category);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:600;opacity:0;transition:opacity .3s ease}.app__skills-category .app__skills-category-title:hover{color:transparent}.app__skills-category .app__skills-category-title:hover:after,.app__skills-category .app__skills-category-title:hover:before{opacity:1}@media screen and (max-width:768px){.app__skills-category .app__skills-category-title{font-size:1.1rem;padding:.6rem 1.2rem;margin-bottom:1.2rem}}@media screen and (max-width:450px){.app__skills-category .app__skills-category-title{font-size:1rem;padding:.5rem 1rem;margin-bottom:1rem}}.app__skills-profiles{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;margin-top:0;gap:1.5rem;padding:1rem 0}@media screen and (max-width:768px){.app__skills-profiles{gap:1rem}}@media screen and (max-width:450px){.app__skills-profiles{gap:.8rem;padding:.8rem 1rem}}.app__skill-card{width:130px;display:flex;justify-content:center;align-items:center;flex-direction:column;margin:.8rem;padding:1.2rem;background:#fff;border-radius:15px;box-shadow:0 4px 15px rgba(0,0,0,.1);transition:all .3s ease-in-out;border:2px solid transparent}.app__skill-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.15);border:2px solid var(--black-color)}.app__skill-card .app__skill-icon{width:70px;height:70px;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-bottom:.8rem;transition:all .3s ease-in-out}.app__skill-card .app__skill-icon img{width:50%;height:50%;object-fit:contain}@media screen and (min-width:2000px){.app__skill-card .app__skill-icon{width:100px;height:100px}}@media screen and (max-width:450px){.app__skill-card .app__skill-icon{width:60px;height:60px}}.app__skill-card h4{font-size:.9rem;font-weight:600;text-align:center;color:var(--black-color);margin:0;line-height:1.3}@media screen and (min-width:2000px){.app__skill-card h4{font-size:1.2rem}}@media screen and (max-width:450px){.app__skill-card h4{font-size:.8rem}}@media screen and (min-width:2000px){.app__skill-card{width:200px;padding:2rem;margin:1.5rem}}@media screen and (max-width:450px){.app__skill-card{width:120px;padding:1rem;margin:.5rem}}.app__experience-section{width:100%;padding:0 1rem}@media screen and (max-width:768px){.app__experience-section{padding:0 1.5rem}}@media screen and (max-width:480px){.app__experience-section{padding:0 1rem}}.app__experience-section h3{text-align:center;color:var(--black-color)!important;margin-bottom:3rem}@media screen and (max-width:450px){.app__experience-section h3{font-size:1.25rem!important;margin-bottom:2rem;margin-top:2rem!important}}@media(prefers-color-scheme:dark){.app__experience-section h3{color:var(--black-color)!important}}.app__experience-section .app__skills-exp,.app__experience-section .app__skills-exp .app__skills-exp-item{max-width:100%}@media screen and (max-width:768px){.app__experience-section .app__skills-exp .app__skills-exp-item{flex-direction:column}.app__experience-section .app__skills-exp .app__skills-exp-item .app__skills-exp-year{margin-right:0;margin-bottom:1rem;text-align:center}}.app__skills-container{width:80%;margin-top:3rem;display:flex;flex-direction:row}@media screen and (max-width:900px){.app__skills-container{width:100%;flex-direction:column}}.app__skills-list{flex:1;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;justify-items:center;margin-right:5rem}@media screen and (max-width:900px){.app__skills-list{margin-right:0;justify-content:center;align-items:center}}.app__skills-exp{width:100%;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}}.app__skills-exp-item{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;margin:1rem 0}.app__skills-exp-works{width:100%}.app__skills-exp-works .app__skills-exp-work{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-bottom:1.5rem;cursor:pointer;padding:1rem;border-radius:8px;transition:all .3s ease-in-out;border-left:3px solid transparent;width:100%}.app__skills-exp-works .app__skills-exp-work:hover{background-color:rgba(254,244,245,.1);border-left:3px solid var(--black-color);transform:translateX(5px)}@media(prefers-color-scheme:dark){.app__skills-exp-works .app__skills-exp-work:hover{background-color:hsla(0,0%,100%,.05)}}.app__skills-exp-works .app__skills-exp-work h4{font-weight:600;color:var(--black-color)!important;margin-bottom:.25rem}@media(prefers-color-scheme:dark){.app__skills-exp-works .app__skills-exp-work h4{color:var(--black-color)!important}}.app__skills-exp-works .app__skills-exp-work p{font-weight:400;color:var(--black-color)!important;margin-top:5px}.app__skills-exp-works .app__skills-exp-work p:last-child{margin-bottom:0}@media(prefers-color-scheme:dark){.app__skills-exp-works .app__skills-exp-work p{color:var(--black-color)!important}}.app__skills-exp-works .app__skills-exp-work .p-text{line-height:1.6;width:100%;max-width:none}.app__skills-exp-works .app__skills-exp-work .p-text div{transition:color .2s ease-in-out;color:var(--black-color)!important}@media(prefers-color-scheme:dark){.app__skills-exp-works .app__skills-exp-work .p-text div{color:var(--black-color)!important}}.app__skills-exp-year{margin-right:3rem}.app__skills-exp-year p{font-weight:800;color:var(--black-color)!important}@media(prefers-color-scheme:dark){.app__skills-exp-year p{color:var(--black-color)!important}}@media screen and (max-width:450px){.app__skills-exp-year{margin-right:1rem}}.skills-tooltip{max-width:300px!important;background-color:var(--white-color)!important;box-shadow:0 0 25px rgba(0,0,0,.1)!important;border-radius:5px!important;padding:1rem!important;color:var(--gray-color)!important;text-align:center!important;line-height:1.5!important;opacity:1!important}@media screen and (min-width:2000px){.skills-tooltip{font-size:1.75rem!important;max-width:500px!important;line-height:2!important}}.app__skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;width:100%;margin-top:2rem;padding:0 1rem}@media screen and (max-width:768px){.app__skills-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 1.5rem}}@media screen and (max-width:480px){.app__skills-grid{padding:0 1rem;gap:1rem}}.app__skills-category-box{background:#fff;border:2px solid var(--black-color);border-radius:15px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.1);transition:all .3s ease-in-out}.app__skills-category-box:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.app__skills-category-box .app__skills-category-header{background:var(--black-color);color:#fff;padding:1rem;text-align:center}.app__skills-category-box .app__skills-category-header .app__skills-category-title{margin:0;font-size:1.1rem;font-weight:600;color:#fff}@media screen and (max-width:450px){.app__skills-category-box .app__skills-category-header .app__skills-category-title{font-size:1rem}}.app__skills-category-box .app__skills-category-content{padding:1.5rem}@media screen and (max-width:768px){.app__skills-category-box .app__skills-category-content{padding:1.2rem}}@media screen and (max-width:450px){.app__skills-category-box .app__skills-category-content{padding:1rem}}.app__skills-category-box .app__skills-category-content .app__skills-profiles{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;gap:1rem}@media screen and (max-width:768px){.app__skills-category-box .app__skills-category-content .app__skills-profiles{gap:.8rem}}@media screen and (max-width:450px){.app__skills-category-box .app__skills-category-content .app__skills-profiles{gap:.5rem}}.app__skills-category-box .app__skill-card{width:100px;margin:.5rem;padding:1rem}.app__skills-category-box .app__skill-card .app__skill-icon{width:50px;height:50px;margin-bottom:.5rem}@media screen and (max-width:768px){.app__skills-category-box .app__skill-card .app__skill-icon{width:45px;height:45px}}@media screen and (max-width:450px){.app__skills-category-box .app__skill-card .app__skill-icon{width:40px;height:40px}}.app__skills-category-box .app__skill-card h4{font-size:.8rem}@media screen and (max-width:768px){.app__skills-category-box .app__skill-card h4{font-size:.75rem}}@media screen and (max-width:450px){.app__skills-category-box .app__skill-card h4{font-size:.7rem}}@media screen and (max-width:768px){.app__skills-category-box .app__skill-card{width:90px;padding:.9rem;margin:.4rem}}@media screen and (max-width:450px){.app__skills-category-box .app__skill-card{width:75px;padding:.7rem;margin:.3rem}}.app__timeline{width:100%;display:flex;flex-direction:column;gap:2rem;margin-top:2rem}.app__timeline-item{display:flex;flex-direction:row;align-items:flex-start;width:100%;position:relative;padding:1.5rem 0;border-bottom:1px solid rgba(0,0,0,.05)}.app__timeline-item:last-child{border-bottom:none}@media(prefers-color-scheme:dark){.app__timeline-item{border-bottom:1px solid hsla(0,0%,100%,.1)}}@media screen and (max-width:768px){.app__timeline-item{flex-direction:column;gap:1rem}}.app__timeline-connector{display:flex;flex-direction:column;align-items:center;margin-right:2rem;min-width:120px}@media screen and (max-width:768px){.app__timeline-connector{flex-direction:row;margin-right:0;margin-bottom:1rem;justify-content:center;width:100%}}.app__timeline-line{width:3px;height:100%;background:linear-gradient(to bottom,var(--black-color),rgba(0,0,0,.3));border-radius:2px;position:absolute;left:50%;transform:translateX(-50%);top:0}@media screen and (max-width:768px){.app__timeline-line{width:100%;height:3px;position:relative;left:auto;transform:none}}.app__timeline-years{display:flex;flex-direction:column;align-items:center;gap:1rem;position:relative;z-index:2}@media screen and (max-width:768px){.app__timeline-years{flex-direction:row;gap:1rem}}.app__timeline-year-marker{display:flex;flex-direction:column;align-items:center;background-color:var(--black-color);border:2px solid var(--black-color);border-radius:50%;width:50px;height:50px;justify-content:center;position:relative}@media(prefers-color-scheme:dark){.app__timeline-year-marker{background-color:var(--black-color);border-color:var(--black-color)}}@media screen and (max-width:768px){.app__timeline-year-marker{width:40px;height:40px}}.app__timeline-year-text{font-size:.75rem;font-weight:600;color:var(--white-color)!important;text-align:center;line-height:1}@media screen and (max-width:768px){.app__timeline-year-text{font-size:.65rem}}.app__timeline-year-line{width:2px;height:30px;background-color:var(--black-color);margin:.5rem 0}@media screen and (max-width:768px){.app__timeline-year-line{width:30px;height:2px;margin:0 .5rem}}.app__timeline-content{flex:1;display:flex;flex-direction:column;padding:1rem;background-color:rgba(254,244,245,.05);border-radius:12px;border-left:4px solid var(--black-color);transition:all .3s ease-in-out}.app__timeline-content:hover{background-color:rgba(254,244,245,.1);transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,.05)}@media(prefers-color-scheme:dark){.app__timeline-content{background-color:hsla(0,0%,100%,.02)}.app__timeline-content:hover{background-color:hsla(0,0%,100%,.05)}}@media screen and (max-width:768px){.app__timeline-content{padding:.75rem}}.app__timeline-header{display:flex;flex-direction:row;align-items:flex-start;margin-bottom:1rem;gap:1rem}@media screen and (max-width:768px){.app__timeline-header{flex-direction:column;gap:.5rem}}.app__timeline-single-year{display:flex;align-items:center;justify-content:center;background-color:var(--black-color);color:var(--white-color);border-radius:50%;width:60px;height:60px;flex-shrink:0}.app__timeline-single-year p{font-size:.9rem;font-weight:700;margin:0;color:var(--white-color)!important}@media screen and (max-width:768px){.app__timeline-single-year{width:50px;height:50px}.app__timeline-single-year p{font-size:.8rem}}.app__timeline-work-info{flex:1}.app__timeline-work-info h4{font-size:1.1rem;font-weight:600;color:var(--black-color)!important;margin-bottom:.25rem;line-height:1.3}@media(prefers-color-scheme:dark){.app__timeline-work-info h4{color:var(--black-color)!important}}@media screen and (max-width:768px){.app__timeline-work-info h4{font-size:1rem}}.app__timeline-work-info p{margin:.25rem 0;color:var(--black-color)!important;line-height:1.4}.app__timeline-work-info p:first-of-type{font-weight:500;font-size:.95rem}.app__timeline-work-info p:last-of-type{font-size:.8rem;opacity:.8}@media(prefers-color-scheme:dark){.app__timeline-work-info p{color:var(--black-color)!important}}@media screen and (max-width:768px){.app__timeline-work-info p{font-size:.85rem}.app__timeline-work-info p:first-of-type{font-size:.9rem}.app__timeline-work-info p:last-of-type{font-size:.75rem}}.app__timeline-description{margin-top:1rem}.app__timeline-description .p-text{font-size:.85rem;line-height:1.6;color:var(--black-color)!important}@media(prefers-color-scheme:dark){.app__timeline-description .p-text{color:var(--black-color)!important}}@media screen and (max-width:768px){.app__timeline-description .p-text{font-size:.8rem;line-height:1.5}}.app__timeline-description .p-text div[style*="fontWeight: '600'"]{color:var(--black-color)!important;border-bottom:1px solid rgba(0,0,0,.2);padding-bottom:2px;margin-bottom:8px!important}.app__timeline-description .p-text div[style*="display: flex"]{align-items:flex-start;padding:2px 0}.app__timeline-description .p-text div[style*="display: flex"] span:first-child{color:var(--black-color)!important;font-weight:600;margin-top:2px}.app__timeline-description .p-text div[style*="display: flex"] span:last-child{color:var(--black-color)!important}@media(prefers-color-scheme:dark){.app__timeline-description .p-text div[style*="display: flex"] span:last-child{color:var(--black-color)!important}}@media screen and (max-width:450px){.app__timeline-item{padding:1rem 0}.app__timeline-connector{min-width:80px;margin-right:1rem}.app__timeline-content{padding:.5rem}.app__timeline-single-year{width:40px;height:40px}.app__timeline-single-year p{font-size:.7rem}.app__timeline-year-marker{width:35px;height:35px}.app__timeline-year-text{font-size:.6rem}}.app__vertical-timeline{position:relative;width:100%;margin:0;padding:1rem 0}.app__vertical-timeline .app__timeline-line-main{position:absolute;left:80px;transform:translateX(-50%);width:3px;height:100%;background:var(--black-color);z-index:1}.app__vertical-timeline .app__timeline-item-vertical{position:relative;margin:1.2rem 0;width:100%;display:flex;align-items:flex-start;z-index:2;justify-content:flex-start}.app__vertical-timeline .app__timeline-item-vertical .app__timeline-point{left:80px;transform:translateX(-50%)}.app__vertical-timeline .app__timeline-item-vertical .app__timeline-content-card{margin-left:140px;margin-right:2rem;width:calc(100% - 170px);max-width:none;min-height:120px;max-height:300px;overflow-y:auto}.app__vertical-timeline .app__timeline-point{position:absolute;z-index:3;display:flex;flex-direction:column;align-items:center;top:0}.app__vertical-timeline .app__timeline-point .app__timeline-dot{width:18px;height:18px;border-radius:50%;background-color:var(--black-color);border:4px solid #fff;box-shadow:0 0 0 2px var(--black-color);position:relative;z-index:4}.app__vertical-timeline .app__timeline-point .app__timeline-year-label{margin-top:12px;background-color:var(--black-color);color:#fff;padding:6px 12px;border-radius:15px;font-size:.8rem;font-weight:600;white-space:nowrap;text-align:center}.app__vertical-timeline .app__timeline-content-card{background:#fff;border:2px solid var(--black-color);border-radius:12px;padding:1rem;box-shadow:0 4px 15px rgba(0,0,0,.1);transition:all .3s ease;position:relative;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column}.app__vertical-timeline .app__timeline-content-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.15)}.app__vertical-timeline .app__timeline-content-card .app__timeline-work-header{margin-bottom:.8rem;flex-shrink:0}.app__vertical-timeline .app__timeline-content-card .app__timeline-work-header h4{margin:0 0 .3rem;font-size:1rem;line-height:1.2;color:var(--black-color);word-wrap:break-word;overflow-wrap:break-word}.app__vertical-timeline .app__timeline-content-card .app__timeline-work-header p{margin:0;font-size:.85rem;color:var(--black-color);opacity:.8;font-weight:500;word-wrap:break-word;overflow-wrap:break-word}.app__vertical-timeline .app__timeline-content-card .app__timeline-description{flex:1;overflow-y:auto;max-height:200px}.app__vertical-timeline .app__timeline-content-card .app__timeline-description .p-text{margin:0;line-height:1.4;color:var(--black-color);white-space:normal;word-wrap:break-word;overflow-wrap:break-word;text-align:left;font-size:.8rem}.app__vertical-timeline .app__timeline-content-card .app__timeline-description .p-text div{word-wrap:break-word;overflow-wrap:break-word;white-space:normal;text-align:left;margin-bottom:.2rem}.app__vertical-timeline .app__timeline-content-card .app__timeline-description .p-text div[style*="display: flex"]{margin-left:0;margin-bottom:.15rem}.app__vertical-timeline .app__timeline-content-card .app__timeline-description .p-text div[style*="display: flex"] span:first-child{color:var(--black-color);margin-right:.4rem;flex-shrink:0;font-size:.8rem}.app__vertical-timeline .app__timeline-content-card .app__timeline-description .p-text div[style*="display: flex"] span:last-child{color:var(--black-color);flex:1;word-wrap:break-word;overflow-wrap:break-word;font-size:.8rem}.app__vertical-timeline .app__timeline-content-card .app__timeline-description .p-text div[style*="fontWeight: '600'"]{color:var(--black-color);font-weight:600;margin-top:.6rem;margin-bottom:.3rem;font-size:.85rem}@media screen and (max-width:768px){.app__vertical-timeline{padding:1rem 0}.app__vertical-timeline .app__timeline-line-main{left:30px;transform:none}.app__vertical-timeline .app__timeline-item-vertical{margin:1rem 0}.app__vertical-timeline .app__timeline-item-vertical .app__timeline-point{left:30px;transform:translateX(-50%)}.app__vertical-timeline .app__timeline-item-vertical .app__timeline-content-card{margin-left:70px;margin-right:1rem;width:calc(100% - 85px);min-height:100px;max-height:250px}.app__vertical-timeline .app__timeline-point .app__timeline-dot{width:14px;height:14px;border:3px solid #fff}.app__vertical-timeline .app__timeline-point .app__timeline-year-label{font-size:.7rem;padding:4px 8px;margin-top:8px}.app__vertical-timeline .app__timeline-content-card{padding:.8rem}.app__vertical-timeline .app__timeline-content-card .app__timeline-work-header h4{font-size:.9rem}.app__vertical-timeline .app__timeline-content-card .app__timeline-work-header p{font-size:.8rem}}@media screen and (max-width:480px){.app__vertical-timeline{padding:.8rem 0}.app__vertical-timeline .app__timeline-line-main{left:25px}.app__vertical-timeline .app__timeline-item-vertical{margin:.8rem 0}.app__vertical-timeline .app__timeline-item-vertical .app__timeline-point{left:25px}.app__vertical-timeline .app__timeline-item-vertical .app__timeline-content-card{margin-left:55px;margin-right:.5rem;width:calc(100% - 60px);min-height:90px;max-height:200px}.app__vertical-timeline .app__timeline-point .app__timeline-dot{width:12px;height:12px;border:2px solid #fff}.app__vertical-timeline .app__timeline-point .app__timeline-year-label{font-size:.65rem;padding:3px 6px;margin-top:6px}.app__vertical-timeline .app__timeline-content-card{padding:.6rem}.app__vertical-timeline .app__timeline-content-card .app__timeline-work-header{margin-bottom:.6rem}.app__vertical-timeline .app__timeline-content-card .app__timeline-work-header h4{font-size:.85rem}.app__vertical-timeline .app__timeline-content-card .app__timeline-description .p-text,.app__vertical-timeline .app__timeline-content-card .app__timeline-work-header p{font-size:.75rem}}:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:0.9;--rt-transition-show-delay:0.15s;--rt-transition-closing-delay:0.15s}.core-styles-module_tooltip__3vRRp{left:0;opacity:0;pointer-events:none;position:absolute;top:0;will-change:opacity}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{background:inherit;position:absolute}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:var(--rt-opacity);transition:opacity var(--rt-transition-show-delay) ease-out}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity var(--rt-transition-closing-delay) ease-in}.styles-module_tooltip__mnnfp{border-radius:3px;font-size:90%;padding:8px 16px;width:max-content}.styles-module_arrow__K0L3T{height:8px;width:8px}[class*=react-tooltip__place-top]>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*=react-tooltip__place-right]>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*=react-tooltip__place-bottom]>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*=react-tooltip__place-left]>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}.app__testimonial{flex:1;width:100%;flex-direction:column;padding:0 1rem}.app__testimonial-item{width:60%;min-height:320px;background-color:var(--white-color);display:flex;flex-direction:row;padding:2rem;border-radius:15px;box-shadow:0 0 30px rgba(0,0,0,.1);transition:all .3s ease-in-out}.app__testimonial-item img{width:100px;height:100px;border-radius:50%;object-fit:cover}@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:850px){.app__testimonial-item{width:100%}}@media screen and (max-width:600px){.app__testimonial-item{flex-direction:column}}.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(--black-color);font-family:var(--font-base)}@media screen and (min-width:2000px){.app__testimonial-content p{font-size:2rem;line-height:3.5rem}}.app__testimonial-content h4{font-weight:600;margin-top:2rem}.app__testimonial-content h5{font-weight:400;color:var(--gray-color);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 div{width:50px;height:50px;border-radius:50%;background-color:var(--white-color);margin:1rem;transition:all .3s ease-in-out}.app__testimonial-btns div svg{width:20px;height:20px;color:var(--secondary-color)}@media(prefers-color-scheme:dark){.app__testimonial-btns div svg{color:var(--black-color)}}.app__testimonial-btns div:hover{background-color:var(--secondary-color)}.app__testimonial-btns div:hover svg{color:var(--white-color)}@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}.app__testimonial-brands div{width:150px;height:100px;margin:1.5rem;border-radius:5%;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:var(--white-color);box-shadow:0 4px 15px rgba(0,0,0,.1);transition:all .3s ease-in-out}.app__testimonial-brands div img{width:100%;height:100%;object-fit:contain;object-position:center;filter:grayscale(1);border-radius:5%;padding:10px}.app__testimonial-brands div:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.app__testimonial-brands div:hover img{filter:grayscale(0)}@media screen and (min-width:2000px){.app__testimonial-brands div{width:210px;height:140px;margin:2rem}.app__testimonial-brands div img{padding:15px}}@media screen and (max-width:450px){.app__testimonial-brands div{width:120px;height:80px;margin:1rem}.app__testimonial-brands div img{padding:8px}}@media screen and (max-width:800px){.app__testimonial-brands{width:100%}}.app__works{flex:1;width:100%;flex-direction:column;padding:4rem 0}.app__work-filter{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;margin:4rem 0 2rem}.app__work-filter .app__work-filter-item{padding:.5rem 1rem;border-radius:.5rem;background-color:#fff;color:#000;font-weight:800;cursor:pointer;transition:all .3s ease;margin:.5rem}.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{padding:1rem 2rem;border-radius:.85rem}}.app__work-filter .item-active{background-color:#000;color:#fff}@media(prefers-color-scheme:dark){.app__work-filter .item-active{border:.5px solid #fff;background-color:#000}}.app__work-portfolio{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.app__work-portfolio .app__work-item{width:100%;max-width:400px;flex-direction:column;height:400px;margin:2rem;padding:1rem;border-radius:.5rem;background-color:#fff;color:#000;cursor:pointer;transition:all .3s ease}@media(prefers-color-scheme:dark){.app__work-portfolio .app__work-item{background-color:#000;color:#fff;border-color:#fff}}.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{width:470px;padding:1.25rem;border-radius:.75rem}}@media screen and (max-width:300px){.app__work-portfolio .app__work-item{width:100%;margin:1rem}}.app__work-img{width:100%;height:230px;max-height:300px;position:relative}.app__work-img img{width:100%;height:100%;border-radius:.5rem;object-fit:cover}@media screen and (min-width:2000px){.app__work-img{height:350px}}.app__work-hover{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;border-radius:.5rem;opacity:0}.app__work-hover,.app__work-hover div{background-color:rgba(0,0,0,.5);transition:all .3s ease}.app__work-hover div{width:50px;height:50px;border-radius:50%;color:#fff;margin:1rem;font-family:var(--font-base);font-weight:800;cursor:pointer}.app__work-hover div svg{width:50%;height:50%;color:var(--white-color)}.app__work-content{padding:.5rem;width:100%;position:relative;flex-direction:column}.app__work-content h4{margin-top:1rem;line-height:1.5}@media screen and (min-width:2000px){.app__work-content h4{margin-top:3rem}}.app__work-content h4,.app__work-content p{color:var(--black-color)}@media(prefers-color-scheme:dark){.app__work-content h4,.app__work-content p{color:var(--white-color)}}.app__work-content .app__work-tag{position:absolute;padding:.5rem 1rem;border-radius:10px;background-color:#fff;top:-25px;border:1px solid var(--primary-color)}.app__work-content .app__work-tag .app__work-tagitem{font-size:.75rem;font-weight:800;color:#000;margin:.25rem}.app__work-content .app__work-desc{text-align:center!important}