@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&family=Source+Serif+Pro:wght@200;300;400;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;800;900&display=swap";
html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}*{box-sizing:border-box;color:#f9fafa;margin:0;padding:0;font-family:Fira Code,monospace;text-decoration:none;list-style:none}html{scroll-behavior:smooth;font-size:62.5%}html::-webkit-scrollbar-track{background-color:#f5f5f5;border-radius:10px;-webkit-box-shadow:inset 0 0 6px #0000004d}html::-webkit-scrollbar{width:12px}html::-webkit-scrollbar-thumb{background-color:#555;border-radius:10px;-webkit-box-shadow:inset 0 0 6px #0000004d}body{background:#010520;position:relative}@keyframes gradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}header{z-index:999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:0 0;width:100%;position:fixed;top:0}header .progress-bar{background:linear-gradient(220deg,#c4f000 0%,#809709 51%,#9dbe08 100%);height:4px;display:block}section{margin:0 150px;padding-top:50px;padding-bottom:50px;position:relative}section h1{margin-bottom:2.5rem;font-size:6.5rem}footer{justify-content:center;align-items:center;width:100%;height:50px;display:flex;position:absolute;bottom:0}.badge{z-index:5;background:#ffad00;border-radius:10px;padding:5px 10px;font-size:9px;position:absolute;top:-10px;right:-10px}.badge-status{z-index:5;border-radius:0 0 0 5px;justify-content:center;align-items:center;padding:5px 10px;font-size:10px;display:flex;position:absolute;top:0;right:0}.badge-version{background:#017e84;border-radius:10px;justify-content:center;align-items:center;padding:5px 10px;font-size:9px;display:flex}.badge-version:hover{cursor:pointer;background:#714b67}.badge-version b{margin-left:5px}.color-info{color:#010520;background-color:#4bb1cf}.color-success{color:#010520;background-color:#15cd72;font-weight:600}.color-warning{color:#010520;background-color:#ede04d}.color-danger{color:#010520;background-color:#ed4f32;font-weight:600}.btn-form{cursor:pointer;color:#010520;background:#c4f000;justify-content:center;transition:all .5s;display:flex}.btn-form:hover{color:#text-color-primary;background:#9dbe08;border:1px solid #9dbe08}.box-center{justify-content:center;align-items:center;margin-top:50px;display:flex}@media only screen and (max-width:376px){.line-right{right:-50px!important}.line-left{left:-50px!important}section{margin:0 40px}header .header-follow{display:none}header .container{padding:0 30px}header .container .dark-logo-container{padding-left:0}header .container .dark-logo-container img{max-height:40px}header .container-responsive{padding:0 30px}header .container-responsive .white-logo-container{width:70%;padding-left:0}header .container-responsive .white-logo-container img{max-height:45px}header nav.nav-menu-container{justify-content:flex-end;width:20%}header nav.nav-menu-container .menu{opacity:1;cursor:pointer;z-index:10}header nav.nav-menu-container .nav-menu{opacity:1;background:#c4f000e6;flex-direction:column;justify-content:space-evenly;width:70%;height:100vh;transition:all .5s;display:flex;position:absolute;top:0;right:-500px}header nav.nav-menu-container .nav-menu--collapse{opacity:1;background:#c4f000e6;flex-direction:column;justify-content:space-evenly;width:100%;height:100vh;transition:all .5s;display:flex;position:absolute;top:0;right:0}header nav.nav-menu-container .nav-menu--collapse a{color:#010520;font-size:2.5rem}main .main-container{margin-top:100px;padding:0 30px}main .main-container .main__box{width:100%}main .main-container .main__information{flex-direction:column}main .main-container .information__avatar{margin:50px 0 30px;width:120px!important;height:120px!important}main .main-container .information__avatar img{width:100%;height:100%}main .main-container .information__content{width:100%}main .main-container .information__hello{font-size:2rem!important}main .main-container .information__subtitle{font-size:3rem!important}main .main-container .information__title{font-size:4rem!important}main .main-container .main__developer{margin-bottom:50px}main .main-container .main__developer p{text-align:start;font-size:1.5rem;line-height:1.5}main .main-container .main__scroll{display:none}#about{padding:10px}.about__description{margin-bottom:50px}.about__description p{font-size:1.8rem!important;line-height:2.5rem!important}.about__skills .skills__container{flex-direction:column}.about__skills .skills__container .skills__card{margin-bottom:50px}.about__skills .skills__container .skills__list{justify-content:center;padding-left:0}.about__skills .skills__container .skills__list li{width:200px;font-size:1.2rem}#projects .project__section{margin:0 20px!important}#projects .projects-description h2{font-size:1.8rem}#projects .projects-description .Tabs{padding:0}#projects .projects-description .nav{flex-wrap:wrap;justify-content:center;margin-bottom:80px!important}#projects .projects-description .nav li{height:30px;margin-bottom:10px;font-size:1rem;width:auto!important}#projects .projects-container-card .tech-list{margin-bottom:30px!important}#projects .projects-container-card .tech-list p{font-size:1rem}#projects .projects-container-card .projects-card{border-radius:10px;height:120px!important}#contact .title-behind{font-size:3rem!important}.contact-container{flex-direction:column}.contact-container .contact-title{width:100%}.contact-container .contact-title h1{text-align:start;font-size:1.5rem}.contact-container .contact-form{width:100%;padding:0}}@media only screen and (min-width:400px) and (max-width:600px){.line-right{right:-50px!important}.line-left{left:-50px!important}section{margin:0 50px}header .header-follow{display:none}header .container{padding:0 30px}header .container .dark-logo-container{padding-left:0!important}header .container .dark-logo-container img{max-height:40px}header .container-responsive{padding:0 30px}header .container-responsive .white-logo-container{width:70%;padding-left:0!important}header .container-responsive .white-logo-container img{max-height:45px}header nav.nav-menu-container{justify-content:flex-end;width:20%}header nav.nav-menu-container .menu{opacity:1;cursor:pointer;z-index:10}header nav.nav-menu-container .nav-menu{opacity:1;background:#c4f000e6;flex-direction:column;justify-content:space-evenly;width:70%;height:100vh;transition:all .5s;display:flex;position:absolute;top:0;right:-500px}header nav.nav-menu-container .nav-menu--collapse{opacity:1;background:#c4f000e6;flex-direction:column;justify-content:space-evenly;width:100%;height:100vh;transition:all .5s;display:flex;position:absolute;top:0;right:0}header nav.nav-menu-container .nav-menu--collapse a{color:#010520;font-size:2.5rem}main .main-container{padding:0 40px}main .main__box{width:100%!important}main .main__information{flex-direction:column}main .main__information .information__avatar{margin-bottom:50px;width:200px!important;height:200px!important}main .main__information .information__hello{font-size:7vw}main .main__information .information__subtitle{font-size:9vw}main .main__information .information__title{font-size:15vw}main .main__scroll{display:none}.about__skills .skills__container{flex-direction:column;justify-content:center}.about__skills .skills__container .skills__card{text-align:start;width:100%;margin-bottom:30px}.about__skills .skills__container .skills__list{padding-left:0}.about__skills .skills__container .skills__list li{width:100%;font-size:3vw}#projects .project__section{margin:0 30px}#projects .project__section .nav{flex-wrap:wrap;justify-content:center;height:40px;margin-bottom:100px}#projects .project__section .nav li{margin-bottom:10px;width:auto!important}#projects .project__section .project-card{flex-direction:column;height:350px}#projects .project__section .project-card .project-card__imagen{width:100%;height:200px}#projects .project__section .project-card__body{width:100%;margin-top:10px}#contact .title-behind{display:none}.contact-container{flex-direction:column;gap:30px}.contact-container .contact-title{width:100%}.contact-container .contact-form{width:100%;padding:0!important}}@media only screen and (min-width:768px) and (max-width:900px){.line-right{right:-100px!important}.line-left{left:-100px!important}section{margin:0 80px}header .container{min-height:70px!important;padding:0 30px!important}header .container .dark-logo-container{padding-left:0!important}header nav.nav-menu-container .nav-menu{justify-content:space-between;width:100%!important}header nav.nav-menu-container .nav-menu a{font-size:1.5rem}.container-responsive{padding:0 30px;min-height:65px!important}.container-responsive .white-logo-container{width:50%;padding-left:5px!important}.container-responsive .white-logo-container img{transition:all .6s;border-radius:100%!important;max-height:50px!important}.container-responsive .white-logo-container .greet{font-size:1.3rem!important}main .main__box{width:70%!important}main .main__information .information__avatar{margin-bottom:50px;width:200px!important;height:200px!important}main .main__information .information__hello{font-size:3rem}main .main__information .information__subtitle{font-size:4rem}main .main__information .information__title{font-size:5rem}.main_circuit{-webkit-mask-position:right -530px bottom -30px!important}#about{padding:50px 0}.about__skills .skills__container{flex-wrap:wrap;justify-content:center}.about__skills .skills__container .skills__card{text-align:center;width:250px;margin-bottom:30px}.about__skills .skills__container .skills__card .skills__list li{width:100%;font-size:1rem}.about__skills .skills__container .skills__card .skills__list li .hability-image__container{width:40%;margin-right:20px}#projects .project__section{margin:0 100px}#projects .project__section .nav{flex-wrap:wrap;justify-content:center;height:30px;margin-bottom:80px!important}#projects .project__section .nav li{width:auto!important}#projects .project-card:hover .project-card__body{width:40%}#projects .project-card:hover .project-card__imagen{opacity:1;width:60%}#projects .project-card:hover .project-card__imagen:before{content:"";background:linear-gradient(#01052000 29%,#010520 100%);width:60%;height:100%;position:absolute;top:0}#projects .project-card:hover .project-card__imagen .imagen__footer{bottom:10px}#projects .project-card:hover .projects-card__footer{left:-230px!important}#contact .title-behind{font-size:10rem}.contact-container{gap:30px}.contact-container .contact-form{width:50%;padding:0!important}}@media only screen and (min-width:992px){header .container{min-height:80px!important;padding:0 40px!important}header .container .dark-logo-container{padding-left:0!important}header nav.nav-menu-container .nav-menu{justify-content:space-between;width:100%!important}.container-responsive{padding:0 40px;min-height:75px!important}.container-responsive .white-logo-container{padding-left:5px!important}.container-responsive .white-logo-container img{transition:all .6s;border-radius:100%!important;max-height:50px!important}.container-responsive .white-logo-container .greet{font-size:1.5rem!important}main .main__information .information__hello{font-size:3rem}main .main__information .information__subtitle{font-size:5rem}main .main__information .information__title{font-size:9rem}.main_circuit{-webkit-mask-position:right -410px bottom -30px!important}.about__container{flex-direction:row}.about__container .about__description{width:60%}.about__container .about__image{justify-content:center;width:40%}.about__skills .skills__container{flex-wrap:wrap;justify-content:center}.about__skills .skills__container .skills__card{text-align:center;width:220px}.about__skills .skills__container .skills__card .skills__list li{width:100%;font-size:1rem}.about__skills .skills__container .skills__card .skills__list li .hability-image__container{width:40%;margin-right:20px}#projects .project__section{margin:0 100px}#projects .project__section .nav{flex-wrap:nowrap;justify-content:space-between;height:50px;margin-bottom:80px!important}#projects .project__section .nav li{width:100%!important}#projects .project-card:hover .project-card__body{width:50%}#projects .project-card:hover .project-card__imagen{opacity:1;width:50%}#projects .project-card:hover .project-card__imagen:before{content:"";background:linear-gradient(#01052000 29%,#010520 100%);width:50%;height:100%;position:absolute;top:0}#projects .project-card:hover .project-card__imagen .imagen__footer{bottom:10px}#projects .project-card:hover .projects-card__footer{left:-230px}.contact-container{gap:30px}.contact-container .contact-form{padding:0!important}}@media only screen and (min-width:1200px){header .container{padding:0 40px;min-height:80px!important}header .container .dark-logo-container{padding-left:0}header .container .dark-logo-container img{max-height:45px;transition:all .6s}header .container-responsive{min-height:75px;padding:0 40px}header .container-responsive .white-logo-container{width:40%;padding-left:5px}header .container-responsive .white-logo-container img{transition:all .6s;border-radius:100%!important;max-height:55px!important}header .container-responsive .white-logo-container .greet{font-size:2rem!important}header .nav-menu-container{justify-content:flex-end}header .nav-menu-container .nav-menu a{font-size:1.8rem!important}.main__information .information__hello{font-size:3rem!important}.main__information .information__subtitle{font-size:5rem!important}.main__information .information__title{font-size:8rem!important}.main_circuit{-webkit-mask-position:right 20px bottom -30px!important}.about__container{flex-direction:row}.about__container .about__description{width:60%}.about__container .about__image{justify-content:center;width:40%}.about__skills .skills__container .skills__card{width:300px}.about__skills .skills__container .skills__list{justify-content:space-between}.about__skills .skills__container .skills__list li{width:160px;font-size:2rem!important}.about__skills .skills__container .skills__list li .hability-image__container{margin-right:10px;width:20%!important}.about__skills .skills__container .skills__list li:hover{font-size:1.2rem}.about__skills .skills__container .skills__list li:hover .hability-image{filter:grayscale(0)}.project__section{margin:0 150px!important}.project__section .project-card{width:48%}.contact-container{gap:30px}.contact-container .contact-title{width:50%}.contact-container .contact-form{width:50%;padding:0!important}}@media only screen and (min-width:1900px){.line-right{right:-200px!important}.line-left{left:-200px!important}section{margin:0 200px}header nav.nav-menu-container .nav-menu{width:70%!important}main .main__information .information__avatar{width:450px;height:450px}main .main__information .information__hello{font-size:4rem!important}main .main__information .information__subtitle{font-size:6rem!important}main .main__information .information__title{font-size:12rem!important}main .main_circuit{-webkit-mask-position:right 10px bottom -30px!important}.about__container{flex-direction:row}.about__container .about__description{width:60%}.about__container .about__image{justify-content:center;width:40%}.about__container .about__image:after{width:300px;height:300px}.about__container .about__image img{width:300px!important;height:300px!important}.about__skills .skills__container fieldset{padding:30px}.about__skills .skills__container .skills__list{justify-content:space-between}.about__skills .skills__container .skills__list li{width:200px;font-size:1.2rem}.about__skills .skills__container .skills__list li .hability-image__container{width:40%;height:100%;margin-right:15px}.about__skills .skills__container .skills__list li:hover{font-size:1.4rem}.about__skills .skills__container .skills__list li:hover .hability-image{filter:grayscale(0)}.project__section{margin:0 200px!important}.project-card:hover .projects-card__footer{left:-300px!important}}.btn-primary-line{cursor:pointer;background:0 0;border:1px solid #c4f000;border-radius:10px;width:300px;padding:1rem 1.8rem;transition:all .5s}.btn-primary-line:hover{color:#text-color-primary;background:#c4f000;border:1px solid #c4f000}.btn-primary{cursor:pointer;background:#c4f000 0 0/200%;border:none;border-radius:10px;width:300px;padding:1rem 1.8rem;transition:all .5s;display:block}.btn-primary:hover{color:#010520;background:#9dbe08;border:none;outline:none}.btn-contact{color:#010520;cursor:pointer;background:#c4f000 0 0/200%;border:none;border-radius:10px;padding:1rem 1.8rem;font-size:1.8rem;transition:all .2s;display:block}.btn-contact:hover{color:#010520;background:#9dbe08;border:none;outline:none;font-size:2rem}.demo{justify-content:center;align-items:center;height:2200px;font-size:1.8rem;display:flex}header .container{flex-direction:row;justify-content:space-between;align-items:center;min-height:70px;transition:all .3s;display:flex;position:relative}header .container .dark-logo-container{justify-content:flex-start;align-items:center;width:40%;padding-left:80px;display:flex;position:relative}header .container .dark-logo-container img{max-height:40px;transition:all .4s}header .container-responsive{flex-direction:row;justify-content:space-between;align-items:center;min-height:60px;transition:all .3s;display:flex;position:relative}header .container-responsive .white-logo-container{justify-content:flex-start;align-items:center;padding-left:80px;display:flex;position:relative}header .container-responsive .white-logo-container img{max-height:35px;transition:all .3s;border-radius:100%!important}header .container-responsive .white-logo-container .greet{padding-left:20px;font-size:2rem;animation:1s greet;position:relative}@keyframes greet{0%{font-size:0}to{font-size:2rem}}nav.nav-menu-container{justify-content:center;align-items:center;width:100%;display:flex}nav.nav-menu-container .nav__brackets{color:#c4f000;font-size:3rem;font-weight:700}nav.nav-menu-container .menu{opacity:0}nav.nav-menu-container .nav-menu{justify-content:center;align-items:center;display:flex}nav.nav-menu-container .nav-menu li{font-weight:500}nav.nav-menu-container .nav-menu li a{padding:1.5rem;font-size:1.8rem;position:relative}nav.nav-menu-container .nav-menu li a:hover{color:#f9fafa}nav.nav-menu-container .nav-menu li a:after{content:"";color:#0000;background:#c4f000;border-radius:5px;width:0%;height:4px;margin:auto;transition:all .5s;position:absolute;inset:36px 0 0}nav.nav-menu-container .nav-menu li a:hover:after{width:100%}.footer-bottom{justify-content:center;align-items:center;display:flex}.footer-bottom .copyright{letter-spacing:.2rem;font-size:1.4rem}section{position:relative}section .line-left{background:linear-gradient(220deg,#c4f000 0%,#809709 51%,#9dbe08 100%);width:60%;height:2px;position:absolute;top:0;left:-150px}section .line-right{background:linear-gradient(220deg,#c4f000 0%,#809709 51%,#9dbe08 100%);width:60%;height:2px;position:absolute;top:0;right:-150px}section .title{flex-direction:column;margin-bottom:4.5rem;font-size:3rem;font-weight:400;display:flex}section .title-line{background-color:#c4f000;border-radius:10px;width:40px;height:3px;margin-top:5px;margin-left:0}.header-follow{flex-direction:column;justify-content:center;align-items:center;width:20px;height:200px;margin-top:25vh;display:flex;position:fixed;left:30px}.header-follow ul li svg{margin-bottom:1.5rem;font-size:2rem}.header-follow ul li svg:hover{transition:all .5 ease;transform:scale(1.3)}.header-follow p{text-transform:capitalize;letter-spacing:.4rem;white-space:nowrap;font-size:1.5rem;font-weight:500;position:relative;top:110px;transform:rotate(-90deg)}.header-follow p:after{content:"";z-index:9;background-color:#fff;width:50px;height:1px;position:absolute;top:8px;right:-60px}.about__skills h2{margin-bottom:2rem;font-size:2rem;font-weight:300}.about__skills .skills__container{justify-content:space-evenly;display:flex}.about__skills .skills__container svg{stroke:#c4f000;width:30px;height:30px}.about__skills .skills__container .skills__title{color:#c4f000;border-radius:5px;margin:10px 0;font-size:2rem;display:block}.about__skills .skills__container .skills__list{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:4%;margin-top:20px;padding-left:50px;line-height:1.5;display:flex;overflow:hidden}.about__skills .skills__container .skills__list li{justify-content:flex-start;display:flex}.about__skills .skills__container .skills__list li p{color:#f9fafa;font-size:1.5rem}.about__skills .skills__container .skills__list .hability-image__container{background:#181f26;justify-content:center;align-items:center;height:100%;margin-right:30px;padding:10px;display:flex}.about__skills .skills__container .skills__list .hability-image{filter:grayscale(100)}.keys__list{border:1px solid red;flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.keys__list .keys__card{border:1px solid #ff0;width:200px;height:200px}.keys__list .keys__card .keys__card-name{font-size:2.5rem}.project-card{border-radius:5px;width:100%;height:200px;margin-bottom:15px;display:flex;position:relative;overflow:hidden;box-shadow:5px 8px 20px #00000080}.project-card:before{content:"";opacity:.25;background:linear-gradient(120deg,#ffffff4d,#ffffff0d);border-radius:5px;width:100%;height:100%;position:absolute;top:0;left:0}.project-card .project-card__imagen{opacity:.5;border-radius:5px 0 0 5px;width:30%;height:100%;transition:all .6s;overflow:hidden!important}.project-card .project-card__imagen img{object-fit:cover;object-position:left;width:100%;height:100%;transition:all .5s}.project-card .project-card__imagen .project-card__imagen--bottom{position:absolute;bottom:0}.project-card .project-card__body{z-index:2;border-radius:0 5px 5px 0;width:70%;height:100%;padding:10px 20px;position:relative;overflow:hidden}.project-card .project-card__body .body__title{width:100%;margin-bottom:20px}.project-card .project-card__body .body__description{font-size:1rem;font-weight:100;line-height:1.5}.project-card .projects-card__footer{justify-content:space-between;align-items:center;width:100%;padding:0 30px;transition:all .5s;display:flex;position:absolute;bottom:10px;left:0}.project-card .projects-card__footer .footer__list{justify-content:flex-start;align-items:center;gap:10px;width:50%;display:flex}.project-card .projects-card__footer .footer__list p{color:#a8b2d1;background:#304d66;border-radius:5px;padding:5px 10px;font-size:.8rem;font-weight:200}.project-card .projects-card__footer .footer__link{text-align:end;justify-content:flex-end;align-items:center;width:50%;transition:all .8s;display:flex}.project-card .projects-card__footer .footer__link p{font-size:1.5rem;font-weight:600}.project-card .projects-card__footer .footer__link .link__icon{justify-content:center;align-items:center;gap:.5rem;display:flex}.project-card .projects-card__footer .footer__link .link__icon .link__icon--gray{border-radius:10px 10px 0 0;justify-content:center;align-items:center;display:flex}.project-card .projects-card__footer .footer__link .link__icon .link__icon--gray svg{cursor:pointer;font-size:2.5rem}.project-card .projects-card__footer .footer__link .link__icon .link__icon--gray svg:hover{fill:#c4f000}.project-card .projects-card__footer .footer__link .link__icon .link__icon--version{background:#017e84;border-radius:30px;align-items:center;padding:4px 10px;display:flex}.project-card .projects-card__footer .footer__link .link__icon .link__icon--version:hover{cursor:pointer;background:#714b67}.project-card .projects-card__footer .footer__link .link__icon .link__icon--version p{margin-left:5px;font-size:10px}.project-card .projects-card__footer .footer__link .link__icon .link__icon--version svg{cursor:pointer;font-size:1.3rem}.project-card .imagen__footer{justify-content:space-between;align-items:center;width:50%;padding:0 30px;transition:all .5s;display:flex;position:absolute;bottom:-30px;left:0}.project-card .imagen__footer .footer__list{justify-content:flex-start;align-items:center;gap:10px;width:50%;display:flex}.project-card .imagen__footer .footer__list p{color:#a8b2d1;background:#304d66;border-radius:5px;padding:5px 10px;font-size:.8rem;font-weight:200}.project-card .imagen__footer .footer__link{text-align:end;justify-content:flex-end;align-items:center;width:50%;display:flex}.project-card .imagen__footer .footer__link p{font-size:1.5rem;font-weight:600}.project-card .imagen__footer .footer__link .link__icon{justify-content:center;align-items:center;gap:.5rem;display:flex}.project-card .imagen__footer .footer__link .link__icon .link__icon--gray{border-radius:10px 10px 0 0;justify-content:center;align-items:center;display:flex}.project-card .imagen__footer .footer__link .link__icon .link__icon--gray svg{cursor:pointer;font-size:2.5rem}.project-card .imagen__footer .footer__link .link__icon .link__icon--gray svg:hover{fill:#c4f000}.project-card .imagen__footer .footer__link .link__icon .link__icon--version{background:#017e84;border-radius:30px;align-items:center;padding:4px 10px;display:flex}.project-card .imagen__footer .footer__link .link__icon .link__icon--version:hover{cursor:pointer;background:#714b67}.project-card .imagen__footer .footer__link .link__icon .link__icon--version p{margin-left:5px;font-size:10px}.project-card .imagen__footer .footer__link .link__icon .link__icon--version svg{cursor:pointer;font-size:1.3rem}.Tabs{color:#f9fafa;width:90%;height:auto;min-height:400px;margin:3.5rem auto 1.5rem;padding:1rem;font-family:Fira Code,monospace;overflow:hidden}.Tabs ul.nav{border-radius:2px;justify-content:space-between;align-items:center;gap:10px;height:50px;margin:0 auto 4rem;display:flex}.Tabs ul.nav li{cursor:pointer;color:#f9fafa;background:#ffffff17;border-radius:5px;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;font-size:1.5rem;list-style:none;transition:all .2s;display:flex;position:relative}.Tabs ul.nav li .icon{width:20px;height:20px}.Tabs ul.nav li:hover,.Tabs ul.nav .active{color:#010520;background-color:#c4f000}.Tabs .TabContent{flex-wrap:wrap;justify-content:center;align-items:center;gap:30px;width:90%;margin-left:auto;margin-right:auto;font-family:Fira Code,monospace;font-size:2rem;display:flex}.Tabs .TabContent .tech-title p{text-align:left;font-size:2rem;line-height:4rem}.Tabs .TabContent .tab-card{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;width:100%;margin-top:30px;display:flex}main{position:relative;overflow:hidden}main .main_background{background-attachme:fixed;z-index:-2;background-image:url(/static/images/demo1.jpg);background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:absolute}main .main-container{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative}main .main-container .main__box{width:50%}main .main-container .main__tech-icons{z-index:-1;width:50%;height:100%;position:absolute;top:0;right:0;overflow:hidden}main .main-container .main__tech-icons .tech-icons__area li{list-style:none;animation:25s linear infinite animate;display:block;position:absolute;bottom:-150px}main .main-container .main__tech-icons .tech-icons__area li:first-child{width:80px;height:80px;animation-delay:0s;left:10%}main .main-container .main__tech-icons .tech-icons__area li:nth-child(2){width:60px;height:60px;animation-delay:8s;left:25%}main .main-container .main__tech-icons .tech-icons__area li:nth-child(3){width:80px;height:80px;animation-delay:4s;left:70%}main .main-container .main__tech-icons .tech-icons__area li:nth-child(4){width:60px;height:60px;animation-duration:18s;animation-delay:0s;left:40%}main .main-container .main__tech-icons .tech-icons__area li:nth-child(5){width:80px;height:80px;animation-delay:0s;left:65%}main .main-container .main__tech-icons .tech-icons__area li:nth-child(6){width:100px;height:100px;animation-delay:8s;left:80%}main .main-container .main__tech-icons .tech-icons__area li:nth-child(7){width:60px;height:60px;animation-delay:2s;left:30%}main .main-container .main__tech-icons .tech-icons__area li:nth-child(8){width:80px;height:80px;animation-duration:45s;animation-delay:15s;left:50%}main .main-container .main__tech-icons .tech-icons__area li:nth-child(9){width:80px;height:80px;animation-duration:35s;animation-delay:2s;left:20%}main .main-container .main__tech-icons .tech-icons__area li:nth-child(10){width:150px;height:150px;animation-duration:11s;animation-delay:0s;left:80%}main .main-container .main__tech-icons .tech-icons__area li:nth-child(11){object-fit:cover;width:150px;animation-duration:20s;animation-delay:0s;left:20%}main .main-container .main__tech-icons .tech-icons__area li:nth-child(11) img{object-fit:contain}@keyframes animate{0%{opacity:1;border-radius:0;transform:translateY(0)rotate(0)}to{opacity:0;border-radius:50%;transform:translateY(-1000px)rotate(720deg)}}main .main-container .main__developer{margin-top:20px}main .main-container .main__developer p{text-align:justify;font-size:2rem;line-height:1.5}main .main-container .main__information{justify-content:space-between;align-items:center;width:100%;display:flex}main .main-container .main__information .information__avatar{border-radius:50%;width:250px;height:250px;margin-right:20px;overflow:hidden}main .main-container .main__information .information__avatar img{width:100%;height:100%}main .main-container .main__information .information__hello{font-weight:900}main .main-container .main__information .information__subtitle{font-weight:700}main .main-container .main__information .information__title{color:#c4f000;font-weight:700}main .main-container .main__information .information__position{text-align:center;white-space:nowrap;text-align:left;letter-spacing:.2rem;font-size:3.4rem;font-weight:400}main .main-container .main__information .information__welcome p{width:90%;padding-left:80px;font-size:1.7rem;line-height:3rem}main .main-container .main__information .information__welcome .welcome__footer{margin-top:10px;font-size:2.5rem}main .main-container .main__scroll{text-align:right;border-right:1px dashed #ffffff4d;height:180px;position:absolute;bottom:0;right:100px}main .main-container .main__scroll .scroll__mouse{text-align:center;border:3px solid #c4f000;border-radius:12px;width:25px;height:38px;animation:2s infinite vertical;position:absolute;top:10px;right:-13px}main .main-container .main__scroll .scroll__mouse:before{content:"";background-color:#c4f000;border-radius:2px;width:3px;height:5px;margin-left:-1.5px;position:absolute;top:6px;left:50%}main .main-container .main__scroll .scroll__end-top{content:"";background-color:#c4f000;border-radius:100%;width:7px;height:7px;position:absolute;top:-6px;right:-4px}@keyframes vertical{0%,60%,80%,to{-webkit-transform:translateY(0)}20%{-webkit-transform:translateY(-5px)}40%{-webkit-transform:translateY(30px)}}.about__container{flex-direction:column;justify-content:left;align-items:center;margin-bottom:6rem;display:flex}.about__container .about__description{text-align:center;width:100%}.about__container .about__description p{width:100%;margin-bottom:20px;font-size:2rem;font-weight:300;line-height:3rem}.about__container .about__image{justify-content:flex-end;align-items:center;display:flex;position:relative}.about__container .about__image:after{content:"";z-index:-1;filter:blur(5rem);background:linear-gradient(220deg,#c4f000 0%,#809709 51%,#9dbe08 100%);border-radius:100%;width:200px;height:200px;position:absolute}.about__container .about__image img{opacity:1;border-radius:100%;width:200px!important;height:200px!important}#projects *{font-family:Fira Code,monospace}#projects{width:100%;height:100%;margin:0;padding:0}#projects:before{content:"";z-index:-1;background-image:url(/static/images/demo1.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;position:absolute;inset:0;-webkit-box-shadow:inset 0 30px 20px -20px #000c}#projects .project__section{margin:0 30px;padding-top:50px;padding-bottom:100px}#projects .project__section .title__import{color:#abb2bf;flex-direction:row;align-items:center;margin:0;font-size:2rem;display:flex}#projects .project__section .title__import span{color:#c678dd;font-size:2rem;font-weight:600}.projects-container{flex-direction:column;justify-content:space-around;align-items:center;width:100%;display:flex}.projects-container .projects-description{flex-direction:column;width:100%;margin-top:20px;display:flex}.projects-container .projects-description h2{color:#5c6370;margin-bottom:20px;font-size:2.5rem;font-weight:400}.projects-container .projects-description .projects-button{justify-content:left;align-items:center;margin-top:4rem;display:flex}.projects-container .projects-description .projects-button a{letter-spacing:.1rem;text-align:center;font-size:1.6rem}.title-behind{letter-spacing:10px;text-transform:uppercase;color:#ffffff12;font-size:12rem;font-weight:800;line-height:.7;position:absolute;top:50%;left:0;right:0;transform:translateY(-100%)}.contact-container{justify-content:center;align-items:center;display:flex;position:relative}.contact-container .contact-title{z-index:2;align-items:center;height:100%;display:flex}.contact-container .contact-title h1{text-align:justify;letter-spacing:.5px;font-size:2rem;font-weight:300;line-height:3rem}.contact-container .contact-form{z-index:2;padding:0 50px}.contact-container .contact-form form{flex-direction:column;justify-content:center;display:flex}.contact-container .contact-form form input{letter-spacing:.1rem;background:linear-gradient(45deg,#232526,#414345);border:1px solid #383838;border-radius:5px;margin-bottom:2rem;padding:10px;font-size:1.4rem}.contact-container .contact-form form input:focus{border:1px solid #c4f000;box-shadow:0 0 5px #c4f000;outline:none!important}.contact-container .contact-form form textarea{resize:none;background:linear-gradient(45deg,#232526,#414345);border:1px solid #383838;border-radius:5px;margin-bottom:2rem;padding:10px;font-size:1.4rem}.contact-container .contact-form form textarea:focus{border:1px solid #c4f000;box-shadow:0 0 5px #c4f000;outline:none!important}.contact-container .contact-form form .btn-form{cursor:pointer;color:#010520;background:#c4f000;justify-content:center;transition:all .5s;display:flex}.contact-container .contact-form form .btn-form:hover{color:#text-color-primary;background:#9dbe08;border:1px solid #9dbe08}.contact-container .contact-form form .send-email{text-align:center;background:#4bb1cf;border-radius:5px;padding:5px 15px;font-size:1rem}.contact-container .contact-form form .error-email{text-align:center;background:#ed4f32;border-radius:5px;padding:5px 15px;font-size:1rem}.contact-container .contact-form form .success-email{text-align:center;background:#15cd72;border-radius:5px;padding:5px 15px;font-size:1rem}