@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;300&display=swap";img{max-width:100%;max-height:100%}.dev-state{color:#00ff9d}.portfolio-container{display:flex;justify-content:center}.portfolio-card{display:flex;flex-direction:row;align-items:center;justify-content:center;height:100%;flex-wrap:wrap;margin:0 0 50px;background:#ffffff1a;border-radius:10px;box-shadow:0 4px 10px #0000001a;border:1px solid rgba(255,255,255,.13);max-width:800px;min-width:200px;padding:10px 20px;flex-shrink:2;transition:.2s}.portfolio-card:hover{background:#1c00367a;border:1px solid rgba(0,0,0,.14);transition:.2s}.portfolio-card:hover h3{color:var(--firstcolor)}.portfolioImage{max-width:300px;max-height:300px;margin:5px 10px;position:relative;flex-shrink:2;-webkit-box-shadow:0px 0px 17px -2px rgba(0,0,0,.48);box-shadow:0 0 17px -2px #0000007a}@media only screen and (max-width: 820px){.portfolio-container{padding-left:15px;padding-right:15px}.portfolio-card{max-width:400px;padding:0}.portfolioImage{margin:10px}}.portfolioImage:hover img{cursor:pointer;background-color:#000;opacity:.4}.portfolioContent{width:350px;padding:10px;text-align:left;height:100%;flex-shrink:2}.portfolioContent p{font-size:.8rem}.portfolioTitle a{color:#fff}.portfolio-card:hover a{text-decoration:none;color:var(--firstcolor)}.portfolio-card:hover .tags{color:var(--amarillo)}.img-card{display:block;margin:auto;height:auto;max-height:100%;width:auto;max-width:100%}.fila-tags{text-align:center}.tags{display:inline-block;padding:5px;color:#ffffff80;border-radius:3px}.cardCategory{text-transform:uppercase;color:#ffffff80}.experience-title{color:#ff0}.experience-time{color:#ffffff80}#mouse-scroll{position:absolute;margin:auto;padding-top:80px;left:50%;-webkit-transform:translateX(-50%);z-index:1}#mouse-scroll span{display:block;width:10px;height:10px;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);border-right:2px solid #fff;border-bottom:2px solid #fff;margin:0 0 3px 5px}#mouse-scroll span:hover{border-right:2px solid #fff000;border-bottom:2px solid #fff000}#mouse-scroll .mouse{height:34px;width:20px;border-radius:10px;-webkit-transform:none;-ms-transform:none;transform:none;border:2px solid #ffffff}#mouse-scroll .down-arrow-1{margin-top:6px}#mouse-scroll .down-arrow-1,#mouse-scroll .down-arrow-2,#mouse-scroll .down-arrow-3{-webkit-animation:mouse-scroll 1s infinite;-moz-animation:mouse-scroll 1s infinite}#mouse-croll .down-arrow-1{-webkit-animation-delay:.1s;-moz-animation-delay:.1s;-webkit-animation-direction:alternate}#mouse-scroll .down-arrow-2{-webkit-animation-delay:.2s;-moz-animation-delay:.2s;-webkit-animation-direction:alternate}#mouse-scroll .down-arrow-3{-webkit-animation-delay:.3s;-moz-animation-dekay:.3s;-webkit-animation-direction:alternate}#mouse-scroll .mouse-in{height:5px;width:2px;display:block;margin:5px auto;background:#fff;position:relative}#mouse-scroll .mouse-in{-webkit-animation:animated-mouse 1.2s ease infinite;-moz-animation:mouse-animated 1.2s ease infinite}#mouse-scroll .mouse:hover{border:2px solid #fff000;transition:.2s}#mouse-scroll .mouse .mouse-in:hover{border:1px solid #fff000;transition:.2s}#myName{padding:50px}@-webkit-keyframes animated-mouse{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px)}}@-webkit-keyframes mouse-scroll{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes mouse-scroll{0%{opacity:0}50%{opacity:.5}to{opacity:1}}@media (max-width:767px){#mouse-scroll{padding-top:10px}#mouse-scroll .mouse{height:0px;width:0px;border-radius:0;border:0px solid #ffffff}#mouse-scroll .mouse-in{height:0px;width:0px;background:#fff0}}#a-mute{color:var(--firstcolor)}#a-mute:hover{cursor:pointer}.red{color:var(--firstcolor)}.green{color:red!important}@media (min-width:768px){.navbar-fixed-top{padding:25px 0;-webkit-transition:padding .3s;-moz-transition:padding .3s;transition:padding .3s}.navbar-fixed-top .navbar-brand{font-size:4em;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.navbar-fixed-top.navbar-shrink{padding:10px 0}.navbar-fixed-top.navbar-shrink .navbar-brand{font-size:1.5em}}.navbar{width:100%;text-transform:uppercase;font-family:Poppins,sans-serif;font-weight:700}.navbar-color{background-color:#212121}.navbar a:focus{outline:0}.navbar .navbar-nav{letter-spacing:1px}.navbar-default .navbar-toggle{border-color:#0000}.navbar-default .navbar-toggle:hover{background-color:var(--firstcolor)!important;color:#000}.navbar-default .navbar-toggle .icon-bar{background-color:#fff}.navbar-default .navbar-nav>li>a{color:#fff}.navbar-default .navbar-nav>li>a:hover{color:var(--firstcolor)}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#212121;background-color:var(--firstcolor)}.navbar .navbar-nav li a:focus{outline:0}.navbar-default,.navbar-inverse{border:0}.navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background-color:transparent}:root{--firstcolor: #00ff9d;--amarillo: #fff000;--magenta: #ff00ff;--violeta: #310070;--fullwidth: 100%}html{width:100%;margin:0;padding:0;min-height:100%}#app{min-width:100%}body{width:100%;min-height:100%;overflow-x:hidden;color:#fff}p{font-size:20px}p.small{font-size:16px}a,a:hover,a:focus,a:active,a.active{outline:0;color:var(--amarillo)}h1,h2,h3,h5,h6{text-transform:uppercase;font-family:Poppins,sans-serif;font-weight:700}header h3{color:var(--firstcolor)}h4{font-weight:400;font-family:Poppins,sans-serif}.subtitle{font-family:Poppins,sans-serif;font-size:30px;color:#fff}.button-text{font-family:Poppins,sans-serif;font-weight:700;font-size:20px;color:#000}hr.star-light,hr.star-primary{margin:20px auto 30px;padding:0;max-width:250px;border:0;border-top:solid 5px;text-align:center}hr.star-light:after,hr.star-primary:after{display:inline-block;position:relative;top:-.8em;padding:0 .25em;font-size:2em}hr.star-light{border-color:#fff}hr.star-light:after{color:#fff;background-color:var(--firstcolor)}hr.star-primary{border-color:#fff}hr.star-primary:after{color:#fff;background-color:#fff}.img-centered{margin:0 auto}#top-header{min-height:100vh;display:flex;align-items:center;justify-content:center}header{text-align:center;color:#fff;background:url(/assets/header-iPOnKVr6.webp) no-repeat;background-image:src("./img/header.jpg");background-position:50% 100%}header .container{padding-bottom:50px}header img{display:block;margin:0 auto 20px}.name:hover{color:var(--firstcolor)}.nombre{margin-bottom:5px;position:relative;transition:top ease-out .5s}.nombre:hover{transform:scale(.95);transition:.1s}header .intro-text .name{cursor:default;padding-top:20px;display:block;text-transform:uppercase;font-family:Poppins,sans-serif;font-size:2.7em;font-weight:700}#space-1{margin-top:0}header .intro-text .skills{font-size:1.25em;font-weight:300}@media (min-width:768px){header .container{padding-top:100px;padding-bottom:100px}header .intro-text .name{font-size:5em}header .intro-text .skills{font-size:1.75em}}@media (min-width:1024px){header{background:url(/assets/header-iPOnKVr6.webp) no-repeat 50% 0%;background-position:50% 100%;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}header .container{padding-top:100px;padding-bottom:200px}header img.img-bigScreen{display:none}hr.star-light:after{background-color:#f7cc01}}@media (min-width:1366px){header{background-position:50% 100%}}section{padding:50px 0}section h2{margin:0;font-size:2.7em}section.success{color:#fff;background:#fad663}@media (max-width:767px){section{padding:25px 0}section.first{padding-top:75px}}@media (min-width:767px){#portfolio .col-sm-3{padding-right:0;padding-left:0}}#likes-cv{background:url(/assets/container-D9yq3zBJ.webp) no-repeat 60% 0%;background-size:cover}#myLikes{padding-bottom:0!important;color:#fff}#myLikes .portfolio-item,#about .about-item{text-align:center}#myLikes .portfolio-item p,#about .about-item p{text-align:center;line-height:1.5;padding-bottom:20px}#myLikes .portfolio-item-Three p,#about .about-item-Three p{padding-bottom:5px}#myLikes .portfolio-item header,#about .about-item header{background:none}.about-item .img-responsive{margin:0 auto}.habilidades,.aboutme,.cv,.proyectos{padding-top:60px;padding-bottom:0}#contact-footer{background:url(/assets/footer-BrwkjrU6.webp) no-repeat 30% 0%;background-size:cover}#portfolio .portfolio-item{right:0;margin:0 0 15px}#portfolio .portfolio-item .portfolio-link,#myLikes .portfolio-item .portfolio-link{display:block;position:relative;margin:0 auto;max-width:400px}#myLikes .portfolio-link .fa{font-size:10em;padding:15px;color:#fff;opacity:1;border-radius:5px 20px;color:var(--firstcolor);text-shadow:2px 2px 1px var(--violeta);transition:.2s}#myLikes .portfolio-link :hover{text-shadow:8px 8px 1px var(--violeta);transition:.2s}.seeMore-btn .fa,#portfolio .fa,.contact-btn .fa{padding-right:5px}#portfolio *{z-index:2}#portfolio{padding-bottom:50px}hr.loc-hr{border-top:3px solid #ffffff;margin:0%!important}@media (min-width:767px){#portfolio .portfolio-item{margin:0 0 30px}}.btn-lg{padding:5px 20px;line-height:1.5}div.seeMore-btn{margin-top:100px}div.seeMore-btn .btn-outline,div.contact-btn .btn-outline{background:#fff}div.seeMore-btn .btn-outline,div.contact-btn .btn-outline{transition:all .3s ease-in-out}div.seeMore-btn .btn-outline:hover,div.contact-btn .btn-outline:hover{background:var(--violeta)}#proyectos,#about{padding-bottom:0}.btn-outline{margin-top:15px;border:solid 2px #000000;border-radius:20px;font-size:20px;color:#212121;background:#fff;transition:all .3s ease-in-out}.btn-outline:hover,.btn-outline:focus,.btn-outline:active,.btn-outline.active{color:#fff;background:var(--violeta)}@media (min-width:767px){div.btn-style{position:relative;z-index:1}div.btn-style .btn-styleLine{padding:0;display:inline-block}div.seeMore-btn .btn-styleLine,div.contact-btn .btn-styleLine{background:transparent}.double-line:before{content:"";border-top:2px solid var(--firstcolor);position:absolute;top:50%;left:25%;width:50%;z-index:-1}.double-line:after{content:"";border-bottom:2px solid var(--firstcolor);position:absolute;bottom:25%;left:30%;width:40%;z-index:-1}}@media (min-width:1024px){#portfolio .double-line:before{left:32%;width:35%}#portfolio .double-line:after{left:35%;width:30%}}@media (min-width:1024px){div.seeMore-btn{position:relative;top:150px;left:10px}}#contact hr.star-primary:after{background-color:#d2eae3}#contact .form-padding{padding:0 10px}.floating-label-form-group input,.floating-label-form-group textarea{z-index:1;position:relative;padding-right:0;padding-left:0;border:0;border-radius:0;font-size:1.5em;background:0 0;box-shadow:none!important;resize:none}.floating-label-form-group label{display:block;z-index:0;position:relative;top:2em;margin:0;font-size:.85em;line-height:1.764705882em;vertical-align:middle;vertical-align:baseline;opacity:0;-webkit-transition:top .3s ease,opacity .3s ease;-moz-transition:top .3s ease,opacity .3s ease;-ms-transition:top .3s ease,opacity .3s ease;transition:top .3s ease,opacity .3s ease}.floating-label-form-group::not(:first-child){padding-left:14px;border-left:1px solid #eee}.floating-label-form-group-with-value label{top:0;opacity:1}.floating-label-form-group-with-focus label{color:#697571}form .floating-label-form-group{background:#000;border:2px solid #212121;border-radius:6px}footer{color:#fff}footer h3{margin-bottom:30px}footer .footer-above{padding-top:50px}footer .footer-col{margin-bottom:50px}footer .footer-below{font-family:Poppins,sans-serif;padding:25px 0}#footer-div{background:linear-gradient(0deg,#000 38%,#00000080 83%,#0000)}.btn-social{display:inline-block;width:50px;height:50px;border:2px solid #fff;border-radius:100%;text-align:center;font-size:20px;line-height:45px}.btn:focus,.btn:active,.btn.active{outline:0}.scroll-top{z-index:1049;position:fixed;right:2%;bottom:2%;width:50px;height:50px}.scroll-top .btn{width:50px;height:50px;border-radius:100%;font-size:20px;line-height:28px}.scroll-top .btn:focus{outline:0}.btn-primary{color:var(--firstcolor);background-color:#000;border-width:3px;border-color:var(--firstcolor)}.btn-primary:hover{color:#000;background-color:var(--firstcolor);border-width:3px;border-color:#000}.btn-primary:focus{color:var(--firstcolor)!important;background-color:#000!important;border-width:3px;border-color:#000}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track{background:#0c070c}::-webkit-scrollbar-thumb{background:#ff0}.char{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline;color:#fff;position:relative;top:0;transition:top ease-out .5s;padding-top:10px;text-transform:uppercase;font-family:Poppins,sans-serif}.char:hover{color:var(--amarillo);cursor:default;top:-9px}@media (min-width:768px){.char{font-size:2.7em}}@media (max-width:767px){.char{font-size:2em}}.App{background-color:#212121;min-height:100vh}.loader{line-height:100vh;padding-top:45vh;display:flex;align-items:center;justify-content:center}