*,*:before,*:after{box-sizing:border-box;scroll-behavior:smooth;font-family:font-primary,system-ui,sans-serif!important}h1{font-size:2rem;margin-bottom:2rem}h2{font-size:1.25rem}h3{font-size:1rem}@media (width >= 45rem){h1{font-size:2rem;margin-bottom:5.8rem}}body{font-family:font-primary,system-ui,sans-serif!important;font-size:1rem}h1,h2,h3{color:#fff;font-weight:700}html,body{margin:0;width:100%;height:100%;background-color:#000}main{padding:2rem;height:100%;display:flex;flex-direction:column;justify-content:center;color:#fff}footer{color:gray}@keyframes button-scale-out-hover{0%{transform:scale(1.1)}50%{transform:scale(1)}70%{transform:scale(1.01)}to{transform:scale(1)}}@keyframes button-scale{0%{transform:scale(1)}50%{transform:scale(1.1)}70%{transform:scale(1.08)}85%{transform:scale(1.09)}to{transform:scale(1.1)}}@keyframes chevron-down-indicator{0%,to{transform:translateY(-.5rem)}50%{transform:translateY(1.2rem)}}@keyframes card-header-aparition{0%{transform:translateY(0);opacity:0}25%{opacity:.2}50%{opacity:.4;transform:translateY(-.3rem)}75%{opacity:.6}95%{opacity:.8}to{opacity:1}}@keyframes rotate-click-open{0%{transform:rotate(0)}to{transform:rotate(180deg)}}.btn{text-decoration:none;background:transparent;border-radius:2rem;font-size:1rem;max-width:22rem;display:flex;align-items:center;color:#fff;margin:0 auto}.btn:hover{cursor:pointer}.btn-github{padding-right:2rem;border:.1rem solid #353535;height:4rem;gap:2rem;font-weight:900;transition:transform .15s ease-out;filter:opacity(.999)}.btn-github span{width:100%;text-align:center;margin-left:-5rem}.btn-github svg{position:absolute}.btn-github:hover{color:#1f80ff;border-color:#1f80ff;animation:button-scale .15s ease-in-out .05s forwards}.btn-github:not(:hover){animation:button-scale-out-hover .35s ease-in-out alternate}.btn-chevron-up{position:fixed;bottom:20px;right:20px;z-index:10;width:3rem;height:3rem;padding-left:.4rem;border:none;background-color:#141414;color:#fff;transition:all .15s ease-in-out;transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}.btn-chevron-up:hover{background-color:#0919f5;color:#fff}.btn-chevron-up.hidden{transform:translateY(20%);opacity:0;visibility:hidden;pointer-events:none}.svgImg{margin-top:-.8rem;width:1.2rem;padding:0}.container-footer figure{margin:0;width:100%;height:100%;position:relative}.container-footer figure svg{width:100%;height:100%;object-fit:cover}.chevron-up{width:4rem;margin-top:.1rem;margin-left:-3.35rem}.chevron-down{width:100%}.check-line{margin-right:0;width:2rem;margin-left:-2rem;height:1.3rem;color:#0919f5}.title{max-width:30rem;margin-bottom:-1rem;animation:card-header-aparition 1s linear}.title-page,h1{font-size:2.5rem;font-weight:900}@media (width >= 45rem){.title{max-width:60rem;margin-bottom:-4rem}.title-page{font-size:6rem}}details{color:#fff}.subTitle{margin-top:-6rem;margin-left:-2.5rem;display:inline-flex;align-items:center;max-width:30rem;animation:card-header-aparition 1.5s linear;font-style:italic}.subTitle svg{color:#1f80ff}.subTitle-page{margin-left:-2rem;font-weight:300;color:gray}@media (width >= 45rem){.subTitle-page{font-size:1.5rem}}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;opacity:0;transition:opacity .15s ease;display:flex;align-items:center;justify-content:center}.overlay-text{color:#fff;text-align:center;padding:20px}.text-wrap{width:100%;border-bottom:2px solid gray;transition:all .15s ease-in-out}.btn-exp-show-more{background-color:#000;color:gray;display:flex;align-items:center;justify-content:space-between;width:100%;border:none;cursor:pointer;font-size:1.5rem;transition:.15s linear}.btn-exp-show-more span.container-svg svg{width:2rem;height:2rem;margin-top:.1rem;margin-right:-4rem;transform:rotate(0);transition:transform .15s linear,fill .15s linear}.btn-exp-show-more span.open svg{transform:rotate(180deg)}.btn-exp-show-more:hover{color:inherit}.container-details{margin-left:-2rem;margin-top:-2rem;margin-bottom:2rem;max-height:0;overflow:hidden;padding-left:2rem;transition:max-height .15s ease;font-size:.86rem;color:#dbdbdb}.container-details.visible{max-height:20rem;opacity:1}@media (width >= 45rem){.text-wrap{width:100%}}@media (width <= 30rem){.text-grap{width:10rem}}.buttonNav{height:.7rem;width:.7rem;border-radius:.5rem;background-color:#2d2d2d;transition:.15s ease}.buttonNav:hover,.buttonNav.active{background-color:#1f80ff}.title-block{max-width:76rem;margin:0 auto}.block-title{max-width:60rem}@media (width >= 45rem){.block-title{margin-left:7rem}}@media (width <= 45rem){.title-block{width:100%;margin-left:.5rem;margin-top:20rem}.block-title{margin-left:-1rem}}.button-block{max-width:80rem;align-items:center;width:100%;margin:0 auto}.button-github{max-width:100%;padding-right:2.5rem}.project{position:relative;width:312px;height:312px}.project figure{margin:0;width:100%;height:100%;position:relative;overflow:hidden;cursor:pointer}.project img{width:100%;height:100%;object-fit:cover;transition:opacity .15s ease}.project .project:hover .box-imagen{opacity:.3}.project:hover .overlay{opacity:1}.block-projects{width:100%;display:flex;gap:.5rem}.block{max-width:60rem;height:100%;margin:0 auto;margin-top:2rem}@media (width >= 45rem){.button-github{margin-left:.5rem}.block-projects{width:100%}}@media (width <= 30rem){.project{width:100%;height:100%}.block-projects{margin:0 auto;margin-top:2rem;flex-direction:column}.button-github{padding-right:0}}.div-details{max-width:70rem;margin:0 auto}.card-header{padding-top:20%;max-height:100rem;height:100%;width:100%}.title-block-div{margin-top:-5rem}.cardProjects{max-width:100rem;margin:0 auto}.card-exp{max-width:70rem;width:100%;margin:0 auto}.card-exp .container-exp{width:85%;margin:0 auto}.card-exp h2{color:gray;font-style:italic;font-weight:300}article{height:60vh;margin-bottom:5rem}article:first-child{margin-top:-6rem}article:nth-child(2){height:25vh}article:nth-child(3){height:80vh}.chevron-down-div{position:relative;width:100%;color:#575757;margin:0 auto;animation:chevron-down-indicator 3s linear infinite}.navLeft{position:fixed;background-color:#00000080;right:16px;top:45%;max-width:5rem;border-radius:1.5rem;display:flex;gap:1rem;flex-direction:column}footer{max-width:70rem;width:100%;margin:0 auto;margin-top:6rem}footer div:first-child{gap:3rem;width:20rem;margin:0 auto;display:flex;justify-content:center}footer div:first-child a{width:30px;height:30px;border-radius:0;align-items:center;justify-content:center;position:relative;transition:.35s ease}footer div:first-child a svg{margin-top:.1rem}footer div:first-child a svg:hover{color:#1f80ff;transform:scale(2);transform-origin:center}footer div:nth-child(2){margin:0 auto;margin-top:5rem;padding-bottom:6px;text-align:center}@media (width <= 30rem){article:nth-child(3){height:170vh}.navLeft{display:none}footer{margin-top:15rem}}@media (width >= 90rem){article:nth-child(2),article:nth-child(3),article:nth-child(4){height:76vh}}