@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);.slide-fade-enter-active{transition:all .5s ease}.slide-fade-leave-active{transition:all .8s ease-in-out}.slide-fade-enter,.slide-fade-leave-to{transform:translateX(10px);opacity:0}*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}:root{--primary:linear-gradient(90deg,#11132d,#071b4c);--secundary:#01e8b9;--texto:#f4f3f4;--nav:#11132d;--texto-secundary:#c7cad4;--draw:linear-gradient(90deg,#00ff80,#007bff)}body{overflow-x:hidden}.container{background:var(--primary);display:grid;grid-template-columns:10% 90%;width:100%;height:100vh}.scroll{overflow-y:auto;overflow-x:hidden;width:100%}.nav{background-color:var(--nav);border-right:2px solid var(--texto-secundary);justify-content:space-around;flex-direction:column;height:auto;z-index:1}.nav,.nav .logo{display:flex;align-items:center;width:100%}.nav .logo{height:10%;font-size:calc(.1rem + 2vw);justify-content:center}.nav .logo .iconify--logos path{fill:var(--secundary)}.nav .nav-buttons{flex-direction:column;vertical-align:middle}.nav .nav-buttons,.nav .nav-buttons li{width:100%;display:flex;justify-content:center;align-items:center}.nav .nav-buttons li{list-style:none;height:50px;margin-bottom:20px}.nav .nav-buttons li a{text-decoration:none;color:var(--texto);font-size:calc(.1rem + 2vw);transition:all .9s}.nav .nav-buttons li a .onActive,.nav .nav-buttons li a:hover{color:var(--secundary);transform:scale(1.5)}.nav .nav-buttons li .tooltip{font-size:calc(.3rem + .7vw);position:absolute;font-weight:700;color:#000;margin-left:20px;width:10%;height:6%;display:flex;align-items:center;justify-content:center;border-radius:6px;background-color:var(--texto);visibility:hidden;transform:translateX(130px);z-index:2}.nav .nav-buttons li .active{visibility:visible;transform:translateX(55%);transition:all .5s}.nav .nav-buttons li .active,.nav .social{display:flex;align-items:center;justify-content:center}.nav .social{width:100%;flex-direction:column}.nav .social li{list-style:none;margin-bottom:20px}.nav .social li a{text-decoration:none;color:var(--texto-secundary);font-size:calc(.1rem + 1.2vw)}.nav .social li a:hover{color:var(--secundary)}.home{position:relative;width:100%;height:100%;flex-wrap:wrap-reverse;align-items:center;background-image:url(/img/Group%204.8796d480.svg);background-size:cover;background-repeat:no-repeat}.home,.home .title{display:flex;justify-content:center}.home .title{color:#fff;margin:5%;width:40%;align-items:flex-start;flex-direction:column;overflow:hidden}.home .title .greeting{color:var(--texto-secundary);font-size:21px;font-weight:300;margin-bottom:10px}.home .title .name{text-align:center;font-size:calc(.1rem + 2.5vw);font-weight:700}.home .title .education{color:var(--secundary);margin-top:10px;font-size:20px;font-weight:200;margin-bottom:30px}.home .contens_btn{display:flex;max-width:80%;width:60%}.home .contens_btn .contact,.home .contens_btn .downloads{display:flex;justify-content:center;align-items:center;width:50%;margin:5px;padding:2% 0;line-height:30px;border:3px solid var(--secundary);text-decoration:none;color:var(--nav);font-size:calc(.5rem + .3vw);border-radius:6px;font-weight:800;transition:all .5s}.home .contens_btn .contact{background-color:var(--secundary)}.home .contens_btn .downloads{color:var(--texto)}.home .contens_btn .contact:hover,.home .contens_btn .downloads:hover{transform:scale(.9)}.home .home-img{width:40%;overflow:hidden}.home .home-img img{width:100%;-o-object-fit:cover;object-fit:cover}#about{width:100%;color:#fff;display:grid;grid-auto-columns:1fr;grid-template-columns:1fr 1fr;grid-template-rows:.4fr 1.6fr;gap:0 0;grid-template-areas:"tilte_section tilte_section" "descrip_section  descrip_section";background-image:url(/img/about.8a5ea39b.svg);background-size:cover;background-repeat:no-repeat}.tilte_section{grid-area:tilte_section;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:5%;overflow:hidden}.title{color:var(--texto-secundary);font-size:calc(.3rem + .5vw)}.subtitle{color:var(--secundary);font-size:calc(.7rem + .9vw);font-weight:700}.intro{color:var(--texto-secundary);font-size:calc(.4rem + .5vw);font-weight:700;text-align:justify}.descrip_section{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:.3fr 1fr;grid-template-areas:"conten_box conten_box conten_box" "description description description";grid-area:descrip_section}.conten_box{grid-area:conten_box;width:100%;display:grid;grid-template-columns:repeat(3,12%);gap:1.5rem;overflow:hidden}.box_items,.conten_box{align-items:center;justify-content:center}.box_items{display:flex;flex-direction:column;padding:10%;border-width:2.5px;border-style:solid;border-image-source:var(--draw);border-image-slice:1}.box_items .iconify{font-size:calc(.1rem + 1.5vw);color:var(--secundary);line-height:30px}.box_items .text_{text-align:center;font-size:calc(.2rem + .5vw);font-weight:bolder;line-height:30px}.box_items .text_info{color:var(--texto-secundary);text-align:center;font-size:calc(.1rem + .5vw)}.description{margin-top:2%;grid-area:description;display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:hidden}.description p{color:var(--texto-secundary);font-size:calc(.5rem + .5vw);text-align:justify;width:70%}.description p,.description p strong{line-height:30px;letter-spacing:.1rem}.description p strong{color:var(--texto);font-size:calc(.6rem + .6vw)}.description p span{font-weight:700;color:var(--secundary)}.description .contact{display:flex;justify-content:center;align-items:center;width:20%;margin-top:2%;margin-bottom:5%;padding:1% 0;line-height:30px;background-color:var(--secundary);text-decoration:none;color:var(--nav);font-size:calc(.5rem + .3vw);border-radius:6px;font-weight:800;transition:all .5s}.description .contact:hover{transform:scale(.9)}#skills{width:100%;height:100%;color:#fff;display:grid;grid-auto-columns:1fr;grid-template-columns:1fr 1fr;grid-template-rows:.4fr 2.2fr;gap:0 0;grid-template-areas:"more-about more-about" "skills__container skills__container";background-image:url(/img/skills.5951c167.svg);background-size:cover;background-repeat:no-repeat}.more-about{grid-area:more-about;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:5%;overflow:hidden}.skills__container{grid-area:skills__container;display:grid;justify-content:center;align-items:flex-start;grid-template-columns:repeat(2,25%);grid-gap:5%}.skills__content{padding:7%;border-width:5px;border-style:solid;border-image-source:var(--draw);border-image-slice:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.skills__title{font-size:calc(.6rem + .5vw);color:var(--secundary);overflow:hidden}.skills__box{display:grid;grid-template-columns:repeat(2,1fr);padding:5%;width:100%;overflow:hidden}.skills__data{display:grid;grid-template-columns:.3fr 1fr}.skills__data .iconify{margin-top:5%;color:var(--secundary)}.skills__data div{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:2.5%}.skills__name{font-size:calc(.5rem + .4vw);margin-bottom:5%}.skills__level{color:var(--texto-secundary);font-size:calc(.5rem + .25vw)}#works{width:100%;height:auto;color:#fff;display:grid;grid-auto-columns:1fr;grid-template-columns:1fr 1fr 1fr;grid-template-rows:2fr 1fr auto;grid-template-areas:"works_header works_header works_header" "work__filters work__filters work__filters" "work__container work__container work__container";margin-bottom:5%;background-image:url(/img/works.d1788c83.svg);background-size:contain;background-repeat:no-repeat}.works_header{flex-direction:column;grid-area:works_header}.work__filters,.works_header{display:flex;justify-content:center;align-items:center;overflow:hidden}.work__filters{grid-area:work__filters;flex-wrap:wrap}.work__item{font-size:calc(.5rem + .4vw);border-radius:10px;text-align:center;font-weight:700;padding:.9%;width:10%;margin:.9%;cursor:pointer;transition:all .5s ease-in-out;border:3px solid transparent}.work__item.active_work,.work__item:hover{border:3px solid var(--secundary)}.work__item.active_work{color:var(--nav);background-color:var(--secundary)}.work__container{grid-area:work__container;display:grid;padding:5%;grid-auto-columns:1fr;grid-gap:5%;grid-template-columns:repeat(auto-fit,minmax(150px,450px))}.work__card{border-radius:10px;padding:5%;border-width:2.5px;border-style:solid;border-image-source:var(--draw);border-image-slice:1}.word__hover{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:2%;width:100%;transition:all 1s ease-in-out}.work__title{margin-bottom:3%;font-size:calc(.5rem + .5vw)}.word__hover p{width:90%;text-align:justify;margin-bottom:3%;font-size:calc(.5rem + .3vw)}.work_actions{width:80%;display:flex;justify-content:center;align-items:center}.work__button{width:100%;padding:4% 3%;margin:3%;text-align:center;text-decoration:none;font-size:calc(.5rem + .2vw);color:#fff;border-radius:8px;transition:all 1.5s;font-weight:700;border:3px solid var(--secundary)}.work__button .iconify{margin-right:3%}.work__button:hover,.work__button_primary{color:var(--nav);background-color:var(--secundary)}.work__button:hover{transform:scale(.9)}.work__img{border-radius:10px;width:100%}.work__img img{-o-object-fit:cover;object-fit:cover;width:100%;transition:all 1s ease-in-out}#contact{position:relative;display:grid;grid-auto-columns:1fr;grid-template-columns:1fr 1fr;grid-template-rows:.2fr 2fr;width:100%;height:100%;grid-template-areas:"works_header works_header" "works_container works_container";background-image:url(/img/contacto.31e5d2da.svg);background-size:cover;background-repeat:no-repeat}#contact .works_header{grid-area:works_header;overflow:hidden;padding:5%}#contact .works_container{grid-area:works_container;flex-wrap:wrap}#contact .works_container,#contact .works_container form{display:flex;justify-content:center;align-items:flex-start;border-radius:15px;overflow:hidden}#contact .works_container form{flex-direction:column;width:25%}#contact .works_container form span{width:100%;font-size:calc(.4rem + .9vw);color:#fff;font-weight:900;text-align:left}.group-input{width:100%;margin:3% 0;padding:2%;border-radius:12px;border:solid 2px var(--texto-secundary);-webkit-animation:flash 2s ease-in-out alternate;animation:flash 2s ease-in-out alternate}@-webkit-keyframes flash{0%{opacity:1}to{opacity:0}}@keyframes flash{0%{opacity:1}to{opacity:0}}.group-input label{font-size:calc(.3rem + .5vw);color:var(--texto-secundary);position:absolute;left:52%;padding:0 .5%;background-color:var(--primary);margin-top:-1%;z-index:0}.group-input input{position:relative;width:95%;padding:2%;margin:1.5%;background:transparent;border:none;color:var(--texto-secundary);font-size:calc(.1rem + .9vw);outline:none}::-moz-placeholder{opacity:.5!important}::placeholder{opacity:.5!important}.group-input textarea{padding:2%;width:95%;background:transparent;color:var(--texto-secundary);font-size:calc(.1rem + .9vw);position:relative;resize:none;margin:1.5%;box-sizing:border-box;border:none;outline:none}#contact .works_container form button{position:relative;background-color:var(--secundary);border:2px solid var(--secundary);color:var(--nav);padding:3.5% 5%;text-align:center;text-decoration:none;cursor:pointer;border-radius:8px;font-weight:800;transition:all .5s ease-in-out;font-size:calc(.1rem + .6vw)}#contact .works_container form button:hover{transform:scale(.9)}#contact .quote h2{color:#fff;font-size:calc(.4rem + .9vw);text-align:center;margin-bottom:5%}.quote{width:25%}.details-items,.quote{display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:hidden}.details-items{border-radius:20px;background-color:var(--nav);color:#fff;width:70%;padding:5% 0;margin:2%}.details-items .iconify{font-size:calc(1rem + 2vw);margin-bottom:5%}.details-items .title{font-size:calc(.5rem + .3vw)}.details-items .txt_info{color:var(--texto-secundary);font-size:calc(.5rem + .1vw);margin-bottom:5%}.details-items a{color:var(--secundary);display:flex;justify-content:center;font-weight:700;align-items:center;text-decoration:none;font-size:calc(.5rem + .3vw)}.details-items a .iconify{margin-left:5%;font-size:calc(.7rem + .5vw)}.details-items a:hover .iconify{-webkit-animation:arrow 2s infinite;animation:arrow 2s infinite}@-webkit-keyframes arrow{0%{transform:translateX(0)}to{transform:translateX(10px)}}@keyframes arrow{0%{transform:translateX(0)}to{transform:translateX(10px)}}@media (max-width:1280px){.avatar_section{align-items:center}.avatar_section img{width:100%}.work__container{grid-gap:2%}.quote{align-items:flex-start;width:40%}.details-items{width:70%}#contact{height:auto}#contact .quote h2{margin-left:5%}#contact .works_container form{width:50%}.group-input label{font-size:calc(.3rem + .6vw);left:48%;margin-top:-2%}}@media (max-width:998px){.nav .nav-buttons li{margin-bottom:0;height:35px}.nav .nav-buttons li .tooltip{height:35px}.home .contens_btn{max-width:100%;width:100%}.skills__container{grid-template-columns:40%;grid-gap:3%}#about{grid-template-rows:.45fr 1fr;grid-template-areas:"tilte_section tilte_section" "avatar_section avatar_section" "descrip_section descrip_section"}.descrip_section{grid-template-rows:1fr 1fr}.avatar_section{overflow:inherit}.conten_box{grid-template-columns:repeat(3,30%);justify-content:center}.box_items .text_{text-align:center;font-size:.7rem;font-weight:bolder;line-height:20px}.box_items .text_info{color:var(--texto-secundary);text-align:center;font-size:.5rem}.description{display:flex;justify-content:flex-start;align-items:center;flex-direction:column}.avatar_section img{width:75%}#skills{margin-bottom:10%}.work_actions{flex-direction:column-reverse}#contact .works_header{padding:7%}.details-items{width:80%}#contact{height:auto}.quote{align-items:center}#contact .works_container form,.quote{width:90%;margin-bottom:10%}#contact .works_header{padding:10%}#contact .quote h2{font-size:1rem;text-align:center;width:100%}.details-items{width:100%}.details-items .iconify{margin-bottom:2%}.details-items .title,.details-items .txt_info,.details-items a{font-size:.8rem}#contact .works_container form span{font-size:1rem;text-align:center}.group-input{margin:5% 0}.group-input label{font-size:.7rem;left:12.5%;margin-top:-3%}.group-input input,.group-input textarea{font-size:.9rem}#contact .works_container form button{font-size:.6rem}}@media (max-width:478px){.container{background-color:var(--primary);display:grid;grid-template-columns:15% 85%;width:100%;height:100vh}.nav .nav-buttons li{height:40px}.nav .nav-buttons li .tooltip{font-size:.6rem;min-width:20%;height:4%}.nav .logo{font-size:1.1rem}.nav .nav-buttons li a{font-size:.95rem}.nav .social li a{font-size:.75rem}.home{align-items:normal}.home .contens_btn{max-width:80%;width:80%}.home .home-img,.home .title{width:100%}.home .title{color:#fff;margin:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.home .title .education,.home .title .greeting{font-size:.813rem;text-align:center}.home .title .name{font-size:1.5rem}.title{font-size:.75rem}.subtitle{font-size:1.25rem;text-align:center}.box_items .iconify{font-size:1.5rem;line-height:5px}.conten_box{grid-template-columns:repeat(3,30%);justify-content:center}.box_items{margin-right:.5rem}.description p{font-size:.8rem;line-height:18px;text-align:center;width:90%}.description .contact{width:30%}.avatar_section img{width:100%}.more-about{padding:5%;justify-content:center;align-items:center}#skills{margin-bottom:10%}.skills__container{grid-template-columns:70%}#works{margin-bottom:50%}.work__filters{margin-bottom:7%}.work__item{font-size:.9rem;width:22%}.work__title{font-size:.85rem}.word__hover p,.work__button{font-size:.7rem}.work__container{justify-content:center;align-items:center;grid-gap:1%;grid-template-columns:1fr}}@media (max-width:290px){.home .contens_btn{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:center}.conten_box{grid-template-columns:70%}#about{grid-template-rows:.56fr 1fr}.avatar_section{padding:5%}.descrip_section{grid-template-rows:1fr .8fr}.description{justify-content:center}#skills{grid-template-rows:.5fr 2.2fr;height:auto}.skills__container{grid-gap:2%}.skills__box{grid-template-columns:1fr}#works{grid-template-rows:1fr 1fr auto}.work__item{width:70%}}