@import"https://fonts.googleapis.com/css2?family=Roboto&display=swap";header{display:flex;flex-direction:column;width:65%;background:var(--color-primary)}.banner{width:100%;position:relative;overflow:hidden;margin-top:.5rem;display:flex;justify-content:center;align-items:center;border-radius:1rem}.banner img{width:100%;object-fit:cover}.toggle-container{position:absolute;bottom:.5rem;left:.5rem;width:3.5rem;height:1.85rem;padding:0 .39rem;display:flex;align-items:center;justify-content:space-between;border-radius:7rem;cursor:pointer;border:var(--color-primary) solid .2rem;background:var(--color-primary);box-shadow:.1rem .1rem .5rem #0006}.toggle{width:100%;height:100%;position:absolute;z-index:20;visibility:hidden}.toggle-container:before{position:absolute;right:0;z-index:1;content:"";width:1.5rem;height:1.5rem;border-radius:50%;left:unset;background:var(--color-switch);transition:transform .3s ease}.toggle-container i{display:flex;align-items:center;height:100%;font-size:1.1em;color:var(--color-switch)}.toggle:checked~.toggle-container:before{transform:translate(-105%)}.header-select-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.4rem .6rem;background-color:var(--color-primary);color:var(--color-switch);border-radius:2rem;cursor:pointer;right:.5rem;bottom:.5rem;position:absolute}.header-select{padding:0 .2rem;background-color:transparent;outline:none;border:none;color:var(--color-switch);font-size:.9em}.header-select option{background-color:var(--color-primary);color:var(--color-switch)}.container-info{width:100%;display:flex;flex-direction:row;padding:1rem 2rem;justify-content:center;align-items:center}.profile{width:10rem;height:10rem;border-radius:50%;overflow:hidden;display:flex;justify-content:center;align-items:center}.profile img{display:flex;width:100%;object-fit:cover}.presentation{width:calc(100% - 10rem);display:flex;flex-direction:column;padding-left:1.5rem}.presentation h1{font-size:2.25em;display:flex;flex-direction:row;align-items:center;margin-bottom:.6rem;color:var(--color-fourth)}.presentation h1 i{font-size:.3em;padding-left:.4rem;color:var(--color-second)}.sub{display:flex;flex-direction:row;gap:1rem;font-size:.85em;color:var(--color-second);margin-bottom:.8rem}.sub i{padding-right:.4rem}.presentation p{width:90%;font-size:.85em;color:var(--color-second);text-wrap:balance;margin-bottom:.8rem}.link{width:fit-content;color:var(--color-sixth);font-size:.85em;margin-bottom:1rem}.social{width:100%;display:flex;flex-direction:row;gap:.6rem;margin-bottom:1rem;transition:.2s ease all}.social a:hover{transition:.2s ease all;background:var(--color-fifth);border-color:var(--color-fifth)}.social .in{background:var(--color-third);padding:0 1rem;border-radius:1.2rem;color:var(--color-fourth);display:flex;justify-content:center;align-items:center}.social .in i{padding-right:.5rem}.social .in span{padding-left:.6rem}.social .soc{border:.15rem solid var(--color-third);padding:.2rem 1rem;border-radius:1.2rem;color:var(--color-fourth);font-size:1.2em}nav{width:100%;padding-left:2rem;background:var(--color-primary);top:0}nav ol{width:100%;display:flex;flex-direction:row;gap:2rem}nav ol li{color:var(--color-second);cursor:pointer;position:relative;font-size:1em;margin-bottom:.83rem}nav ol li:before{content:"";width:100%;height:.2rem;position:absolute;bottom:-.76rem;border-radius:1rem;background:transparent}@media (hover: hover){nav ol li:hover:before{background:var(--color-second)}}nav ol li.active{color:var(--color-fourth)}nav ol li.active:before{background:var(--color-fourth)}.line{width:100%;height:.05rem;background:var(--color-auxiliary)}@media screen and (max-width: 70.3rem){header{width:90%}}@media screen and (max-width: 50rem){header{width:95%}}@media screen and (max-width: 42.5rem){.profile{width:6rem;height:6rem}.presentation{width:calc(100% - 6rem)}nav ol{gap:1.2rem}}@media screen and (max-width: 34.4rem){.profile{margin:1rem;width:8rem;height:8rem}.container-info{flex-direction:column;padding:0}.presentation{width:90%}}@media screen and (max-width: 30.75rem){.banner img{width:130%}.presentation{width:100%}nav{padding:0}nav ol{justify-content:space-evenly}}.projectsContainer{width:65%;position:relative;padding:1.5rem 0 5rem;overflow-x:hidden}.filter-category-container{width:100vw;height:2rem;display:flex;flex-direction:row;gap:1rem;margin-top:-.5rem;margin-bottom:1rem}.filter-category{height:100%;padding:0 1rem;display:flex;align-items:center;justify-content:center;background:var(--color-third);border:none;border-radius:.6rem;cursor:pointer;transition:.2s ease all}.filter-category p{color:var(--color-primary);font-size:1.2em;font-weight:500;color:var(--color-fourth)}.filter-category:hover{background-color:var(--color-fifth);transition:.2s ease all}.filter-category.active{background-color:var(--color-second)}.filter-category.active p{color:var(--color-primary)}.project{width:100%;height:auto;display:flex;flex-direction:row;margin-bottom:1rem}.image-project{position:relative;width:20rem;height:12rem;overflow:hidden;border-radius:.8rem}.image-project img{object-fit:cover;height:100%;transition:all .3s;filter:saturate(110%)}.image-project:hover img{transform:scale(1.05);transition:all .3s;filter:saturate(60%)}.image-project:hover .options-project{display:block}.options-project{width:2.6rem;height:100%;position:absolute;z-index:2;right:0;top:0;display:flex;flex-direction:column;justify-content:center;padding-top:.5rem;display:none}.options-project i{width:2.2rem;height:2.2rem;border-radius:.3rem;display:flex;justify-content:center;align-items:center;font-size:1.2em;margin-bottom:.2rem;cursor:pointer;background:#000000b3;color:#fff}.content-project{width:calc(100% - 20rem);padding:0 1rem}.content-project .title-project{color:var(--color-fourth);font-weight:600;font-size:1.1em}.content-project .title-project:hover{color:var(--color-sixth)}.content-project p{font-size:.85em;color:var(--color-second);text-wrap:balance}.sub-project{display:flex;flex-direction:column;flex-wrap:wrap;font-size:.85em;color:var(--color-second);margin-top:.2rem;margin-bottom:.5rem}.sub-info{margin-bottom:.5rem}.sub-tech,.sub-info{display:flex;flex-direction:row;column-gap:1.2rem;row-gap:.5rem;flex-wrap:wrap}.sub-tech span{color:var(--color-primary);background-color:var(--color-second);padding:.06rem .4rem;border-radius:.5rem}@media screen and (max-width: 70.3rem){.projectsContainer{width:90%}}@media screen and (max-width: 50rem){.projectsContainer{width:95%;display:flex;justify-content:center;flex-wrap:wrap;column-gap:2rem;padding:1rem 1rem 5rem}.filter-category-container{margin-top:.5rem;gap:.5rem}.project{width:45%;flex-direction:column;margin-bottom:0;margin-top:.8rem}.image-project{width:100%;margin-bottom:1rem}.options-project{display:block}.content-project{width:100%;padding:0}.sub-project{margin-bottom:.6rem}}@media screen and (max-width: 42.5rem){.projectsContainer{width:95%;display:block}.project{width:100%;margin-bottom:2.2rem}.image-project{width:100%;height:22rem}}@media screen and (max-width: 34.4rem){.projectsContainer{width:95%;padding:.5rem .5rem 5rem}.project{align-items:center}.content-project{width:95%;padding:0}.sub-tech{column-gap:.8rem}}@media screen and (max-width: 30.75rem){.image-project{height:14rem}.content-project{width:95%;padding:0}}.skillsContainer{width:65%;position:relative;padding:1.5rem 0 5rem;overflow-x:hidden}.category{width:auto;display:flex;flex-direction:column;padding-left:2rem;margin-bottom:.5rem}.category h3{font-size:1.3;margin-bottom:.8rem;color:var(--color-fourth)}.category span{width:auto;position:relative;display:flex;align-items:center;font-size:1em;padding-left:1.2rem;color:var(--color-second);margin-bottom:.6rem;cursor:default}.category span p{position:relative}.category span i{font-size:1.6em;padding-right:.5rem}.category span:hover{color:var(--color-fourth)}.category span:hover i{color:var(--color-sixth)}@media screen and (max-width: 70.3rem){.skillsContainer{width:90%}}@media screen and (max-width: 50rem){.skillsContainer{width:95%;display:flex;justify-content:center;flex-wrap:wrap;column-gap:2rem;padding:1rem 1rem 5rem;margin-top:.5rem}}@media screen and (max-width: 42.5rem){.skillsContainer{width:95%;display:block;padding:1rem 1rem 5rem}}@media screen and (max-width: 34.4rem){.skillsContainer{width:95%;padding:.5rem .5rem 5rem}}.aboutContainer{width:65%;position:relative;padding:1.5rem 0 5rem;overflow-x:hidden}.about-box{width:45rem;display:flex;flex-direction:column;align-items:center;padding:1rem;border-radius:.8rem;border:.05rem solid var(--color-auxiliary);margin-bottom:1.5rem}.content-box{display:flex;flex-direction:row}.image-profile-box{width:3rem;height:3rem;display:flex;position:relative;border-radius:50%;overflow:hidden}.image-profile-box img{width:100%;object-fit:cover}.content-info-box{width:calc(100% - 6rem);padding:0 1rem}.content-info-box h2{font-size:1em;margin-bottom:.2rem;color:var(--color-fourth)}.content-info-box p{font-size:.9em;text-wrap:balance;margin-bottom:1rem;color:var(--color-fourth)}.container-box{width:100%;position:relative;display:flex;justify-content:center}.image-box{position:relative;width:35rem;border-radius:1rem;overflow:hidden}.image-box img{width:100%;object-fit:cover;border-radius:.8rem;aspect-ratio:auto 1 / 1}.options-box{width:100%;height:2.5rem;display:flex;align-items:center;flex-direction:row;padding-left:3.5rem;margin-bottom:-.5rem}.options-box i{font-size:1.3em;color:var(--color-second);margin-right:.2rem;cursor:pointer;background:transparent;padding:.4rem;border-radius:50%}.options-box i.active{color:var(--color-fourth)}.options-box i.active.like{animation:like .8s linear}@keyframes like{0%{transform:rotate(0) scale(1);color:#70ff70}10%{transform:rotate(-5deg) scale(1.05);color:#6ebe6e}20%{transform:rotate(-10deg) scale(1.1);color:#6e326e}30%{transform:rotate(-15deg) scale(1.15);color:#b77d6e}40%{transform:rotate(-20deg) scale(1.2);color:#ffc75e}50%{transform:rotate(-25deg) scale(1.25);color:#ffdc5e}60%{transform:rotate(-30deg) scale(1.3);color:#ff0}70%{transform:rotate(-25deg) scale(1.25);color:#c8c800}80%{transform:rotate(-20deg) scale(1.2);color:#8d2323}85%{transform:rotate(-15deg) scale(1.15);color:#b64646}90%{transform:rotate(-10deg) scale(1.1);color:#e06a6a}95%{transform:rotate(-5deg) scale(1.05);color:#e09696}to{transform:rotate(0) scale(1);color:var(--color-fourth)}}@media (hover: hover){.options-box i:hover{background:var(--color-third)}}@media screen and (max-width: 70.3rem){.aboutContainer{width:90%}}@media screen and (max-width: 50rem){.aboutContainer{width:95%;display:flex;justify-content:center;flex-wrap:wrap;column-gap:2rem;padding:1rem 1rem 5rem;margin-top:.5rem}.about-box{margin-bottom:1rem;width:100%}}@media screen and (max-width: 42.5rem){.aboutContainer{width:95%;display:block;padding:1rem 1rem 5rem}.image-box{width:28rem}}@media screen and (max-width: 34.4rem){.aboutContainer{width:95%;padding:.5rem .5rem 5rem}.image-box{width:21rem}}@media screen and (max-width: 30.75rem){.image-profile-box{width:2rem;height:2rem}.content-info-box{width:calc(100% - 2rem)}.image-box{width:15rem}.options-box{padding-left:2.5rem}}.educationContainer{width:65%;position:relative;padding:1.5rem 0 5rem;overflow-x:hidden}.education{width:100%;display:flex;flex-direction:row;align-items:center;padding-left:2rem;gap:2rem;margin-bottom:1rem;transition:.2s all}.education:hover .icon-edu i{color:var(--color-sixth)}.icon-edu{width:2rem;height:100%;display:flex;justify-content:center;align-items:center}.icon-edu i{font-size:1.5em;color:var(--color-fifth)}.content-edu{display:flex;flex-direction:column;justify-content:center;cursor:default}.content-edu h5{font-size:.7em;color:var(--color-fifth)}.content-edu h3{font-size:1.05em;color:var(--color-fourth)}.content-edu p{font-size:.9em;color:var(--color-second)}@media screen and (max-width: 70.3rem){.educationContainer{width:90%}}@media screen and (max-width: 50rem){.educationContainer{width:95%;display:flex;justify-content:center;flex-wrap:wrap;column-gap:2rem;padding:1rem 1rem 5rem}.education{margin-top:.5rem}}@media screen and (max-width: 42.5rem){.educationContainer{width:95%;padding:1rem 1rem 5rem}.education{padding-left:.5rem}}@media screen and (max-width: 34.4rem){.educationContainer{width:95%;padding:.5rem .5rem 5rem}}footer{position:absolute;bottom:0;width:100vw;height:3rem;display:flex;justify-content:center;align-items:center}footer p{font-size:.9em;cursor:default;color:var(--color-second)}.App{width:calc(100vw - -webkit-scrollbar);min-height:100vh;align-items:center;flex-direction:column;display:flex;overflow-x:hidden;position:relative;background:var(--color-primary)}.container-primary{width:100%;min-height:50vh;display:flex;justify-content:center;position:relative;background:var(--color-primary)}:root{--color-primary: #16191d;--color-second: #aaaaaa;--color-auxiliary: #aaaaaa;--color-third: #333333;--color-fourth: #ffffff;--color-fifth: #464646;--color-sixth: #ff1010;--color-switch: #ffffff}[data-theme=dark]{--color-primary: #16191d;--color-second: #aaaaaa;--color-auxiliary: #aaaaaa;--color-third: #333333;--color-fourth: #ffffff;--color-fifth: #464646;--color-sixth: #ff1010;--color-switch: #ffffff}[data-theme=light]{--color-primary: #ffffff;--color-second: #333333;--color-auxiliary: #d6d6d6;--color-third: #d8d8d8;--color-fourth: #000000;--color-fifth: #bdbdbd;--color-sixth: #c21010;--color-switch: #16191d}*{padding:0;margin:0;box-sizing:border-box;text-decoration:none;list-style:none}body{font-family:Roboto,sans-serif;font-size:100%}body::-webkit-scrollbar{width:.5rem;background:var(--color-third)}body::-webkit-scrollbar-thumb{background:var(--color-second);border-radius:1rem}