.app__navbar{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2;background:#ffffff40;justify-content:space-between;align-items:center;width:100%;padding:0 2rem;display:flex;position:fixed;top:0;left:0;right:0}.app__navbar-logo{justify-content:flex-start;align-items:center;display:flex}.app__navbar-logo img{width:80px;height:auto}@media screen and (min-width:2000px){.app__navbar-logo img{width:180px;height:auto}}.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:30%;width:40px;height:2px;margin-bottom:5px}.app__navbar-links li a{color:var(--navbar-links-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 (max-width:900px){.app__navbar-links{display:none}}.app__navbar-bottom{display:none}@media screen and (max-width:900px){.app__navbar-bottom{-webkit-backdrop-filter:blur(10px);z-index:1000;background:#fffc;border-radius:2rem;justify-content:space-between;align-items:center;width:90%;max-width:400px;padding:.75rem 1.5rem;display:flex;position:fixed;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0000001a}.app__navbar-bottom .app__navbar-bottom-item{color:var(--navbar-links-color);flex-direction:column;justify-content:center;align-items:center;gap:.25rem;text-decoration:none;transition:color .3s;display:flex}.app__navbar-bottom .app__navbar-bottom-item svg{width:24px;height:24px}.app__navbar-bottom .app__navbar-bottom-item span{font-size:.75rem;font-weight:500}.app__navbar-bottom .app__navbar-bottom-item:hover,.app__navbar-bottom .app__navbar-bottom-item:active,.app__navbar-bottom .app__navbar-bottom-item:focus{color:var(--secondary-color)}}
.about_container{grid-template-columns:repeat(2,1fr);align-items:center;column-gap:4rem}.about_img{border-radius:1.5rem;justify-self:center;width:350px}.about_info{margin-bottom:var(--mb-2);grid-template-columns:repeat(3,140px);gap:.5rem}.about_box{background-color:var(--container-color);border:1px solid Drgba(0,0,0,.1);text-align:center;border-radius:.75rem;padding:1rem 1.25rem}.about_icon{color:var(--title-color-btn);margin-bottom:var(--mb-0-5);margin-bottom:var(--mb-0-5);font-size:1.5rem}.about_title{font-size:var(--small-font-size);font-weight:var(--font-medium)}.about_subtitle{font-size:var(--tiny-font-size)}.about_description{margin-bottom:var(--mb-2);padding:0 4rem 0 0}@media screen and (max-width:992px){.about_container{grid-template-columns:1fr;row-gap:2.5rem}.about_img{width:220px}.about_box{padding:.75rem .5rem}.about_data{text-align:center}.about_info{justify-content:center}.about_description{margin-bottom:2rem;padding:0 5rem}}@media screen and (max-width:576px){.about_info{grid-template-columns:repeat(3,1fr)}.about_description{padding:0}}@media screen and (max-width:350px){.about_info{grid-template-columns:repeat(2,1fr)}}
.app__footer{flex-direction:column;flex:1;width:100%}@media screen and (max-width:768px){.app__footer{flex-direction:column}}.app__footer-cards{flex-wrap:wrap;justify-content:space-evenly;align-items:center;width:60%;margin:4em 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:500}.app__footer-cards .app__footer-card a{font-weight:500;text-decoration:none}.app__footer-cards .app__footer-card:hover{box-shadow:0 0 25px #fef4f5}@media screen and (max-width:450px){.app__footer-cards .app__footer-card{width:100%}}@media screen and (max-width:768px){.app__footer-cards{width:100%}}.app__footer-cards .app__footer-card:last-child{background-color:#f2f7fb}.app__footer-cards .app__footer-card:last-child:hover{box-shadow:0 0 25px #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;transition:all cubic-bezier(.55,.085,.68,.53)}.app__footer-form button:hover{background-color:#2430af}@media screen and (max-width:768px){.app__footer-form{width:100%;margin:1rem 0}}
.home_content{grid-template-columns:460px repeat(1,1fr);align-items:center;column-gap:2rem;padding-top:5.5rem}.home__social{display:none}.home__subtitle{font-size:19px}.home_title{margin-bottom:var(--mb-0-25);font-size:2rem}.home_hand{width:38px;height:38px;margin-left:.4rem}.home_subtitle{font-size:var(--h3-font-size);font-weight:var(--font-normal);margin-bottom:var(--mb-1);padding-left:5.4rem;position:relative}.home_subtitle:before{content:"";background-color:var(--text-color);width:70px;height:1px;position:absolute;top:1rem;left:0}.home__description{max-width:400px;margin-top:1.1rem;margin-bottom:var(--mb-2)}.home_img{background:url(../media/profile.4daa57be.webp) 50%/cover no-repeat;order:1;justify-self:center;width:300px;height:300px;animation:8s ease-in-out 1s infinite profile_animate;box-shadow:inset 0 0 0 9px #ffffff4d}@keyframes profile_animate{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}.home_scroll{margin-left:9.25rem}.wheel{animation:2s infinite scroll}@keyframes scroll{0%{transform:translateY(0)}30%{transform:translateY(3.75rem)}}.home_scroll-name{color:var(--title-color);font-weight:var(--font-mediu);margin-right:var(--mb-0-25);margin-left:2px}.home_scroll-arrow{font-size:1.25rem}.wave{transform-origin:70% 70%;animation-name:wave-animation;animation-duration:2.5s;animation-iteration-count:infinite;display:inline-block}@keyframes wave-animation{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}@keyframes typing{0%,27.3488%{content:""}1.1395%,26.2093%{content:"F"}2.2791%,25.0698%{content:"Fr"}3.4186%,23.9302%{content:"Fro"}4.5581%,22.7907%{content:"Fron"}5.6977%,21.6512%{content:"Front"}6.8372%,20.5116%{content:"FrontE"}7.9767%,19.3721%{content:"FrontEn"}9.1163%,18.2326%{content:"FrontEnd"}30.7674%,51.2791%{content:""}31.907%,50.1395%{content:"B"}33.0465%,49%{content:"Ba"}34.186%,47.8605%{content:"Bac"}35.3256%,46.7209%{content:"Back"}36.4651%,45.5814%{content:"BackE"}37.6047%,44.4419%{content:"BackEn"}38.7442%,43.3023%{content:"BackEnd"}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.typewriter{--caret:currentcolor}.typewriter:before{content:"";animation:10.5s infinite typing}.typewriter:after{content:"";border-right:1px solid var(--caret);animation:.5s linear infinite blink}.typewriter.thick:after{border-right:1ch solid var(--caret)}.typewriter.nocaret:after{border-right:0}@media (prefers-reduced-motion){.typewriter:after{animation:none}@keyframes sequencePopup{0%,to{content:"developer"}25%{content:"FrontEnd"}75%{content:"BackEnd"}}.typewriter:before{content:"developer";animation:12s linear infinite sequencePopup}}@media screen and (max-width:992px){.home_content{grid-template-columns:296px repeat(1,1fr);column-gap:1.25rem}.home_hand{width:26px;height:26px}.home_subtitle{margin-bottom:var(--mb-1);padding-left:3.75rem}.home_subtitle:before{width:42px;top:.8rem}.home_description{max-width:initial;margin-bottom:var(--mb-2-5)}.home_img{width:250px;height:250px;box-shadow:inset 0 0 0 8px #ffffff4d}.home_scroll{margin-left:7.5rem}}@media screen and (max-width:768px){.home_content{grid-template-columns:.5fr 3fr;padding-top:3.5rem}.home__social{display:grid}.home_img{order:initial;justify-self:initial}.home_data{grid-column:1/3}.home_img{width:200px;height:200px;box-shadow:inset 0 0 0 6px #ffffff4d}.home_scroll{display:none}}@media screen and (max-width:350px){.home_img{width:180px;height:180px}.home_hand{width:22px;height:22px}}
.app__skills{flex-direction:column;flex:1;width:100%}.app__skills-container{flex-direction:row;width:80%;margin-top:3rem;display:flex}@media screen and (max-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;margin-right:5rem;display:flex}@media screen and (max-width:900px){.app__skills-list{justify-content:center;align-items:center;margin-right:0}}.app__skills-item{text-align:center;flex-direction:column;margin:1rem;transition:all .3s ease-in-out}.app__skills-item div{background-color:#fef4f5;border-radius:50%;width:90px;height:90px}.app__skills-item div img{width:50%;height:50%}.app__skills-item div:hover{box-shadow:0 0 25px #fef4f5}@media screen and (min-width:2000px){.app__skills-item div{width:150px;height:150px}}@media screen and (max-width:450px){.app__skills-item div{width:70px;height:70px}}.app__skills-item p{margin-top:.5rem;font-weight:500}@media screen and (min-width:2000px){.app__skills-item{margin:1rem 2rem}.app__skills-item p{margin-top:1rem}}.app__skills-exp{flex-direction:column;flex:1;justify-content:flex-start;align-items:flex-start;display:flex}@media screen and (max-width:900px){.app__skills-exp{margin-top:2rem}}.app__skills-exp-item{flex-direction:row;justify-content:flex-start;align-items:flex-start;width:100%;margin:1rem 0;display:flex}.app__skills-exp-works{flex:1}.app__skills-exp-works .app__skills-exp-work{cursor:pointer;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-bottom:1rem;display:flex}.app__skills-exp-works .app__skills-exp-work h4{font-weight:500}.app__skills-exp-works .app__skills-exp-work p{color:var(--gray-color);margin-top:5px;font-weight:400}.app__skills-exp-year{margin-right:3rem}.app__skills-exp-year p{color:var(--secondary-color);font-weight:800}@media screen and (max-width:450px){.app__skills-exp-year{margin-right:1rem}}.skills-tooltip{background-color:var(--white-color)!important;max-width:300px!important;color:var(--gray-color)!important;text-align:center!important;opacity:1!important;border-radius:5px!important;padding:1rem!important;line-height:1.5!important;box-shadow:0 0 25px #0000001a!important}@media screen and (min-width:2000px){.skills-tooltip{max-width:500px!important;font-size:1.75rem!important;line-height:2!important}}
.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 .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 .app__work-filter-item:hover{background-color:var(--secondary-color);color:#fff}@media screen and (min-width:2000px){.app__work-filter .app__work-filter-item{border-radius:.85rem;padding:1rem 2rem}}.app__work-filter .item-active{background-color:var(--secondary-color);color:#fff}.app__work-portfolio{flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.app__work-portfolio .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-portfolio .app__work-item:hover{box-shadow:0 0 25px #0003}@media screen and (min-width:2000px){.app__work-portfolio .app__work-item{border-radius:.75rem;width:470px;padding:1.25rem}}@media screen and (max-width:300px){.app__work-portfolio .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 (min-width:2000px){.app__work-img{height:350px}}.app__work-hover{opacity:0;background-color:#00000080;border-radius:.5rem;width:100%;height:100%;transition:all .3s;position:absolute;inset:0}.app__work-hover div{color:#fff;width:50px;height:50px;font-family:var(--font-base);cursor:pointer;background-color:#00000080;border-radius:50%;margin:1rem;font-weight:800;transition:all .3s}.app__work-hover div svg{width:50%;height:50%;color:var(--white-color)}.app__work-content{flex-direction:column;width:100%;padding:.5rem;position:relative}.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 .app__work-tag{background-color:#fff;border-radius:10px;padding:.5rem 1rem;position:absolute;top:-25px}