@import url(https://fonts.googleapis.com/css2?family=Overpass&display=swap);@import url(https://fonts.googleapis.com/css2?family=Patrick+Hand&family=Shadows+Into+Light&display=swap);:root{--color-primary:#000;--color-secondary:#222325;--color-secondary-disabled:rgba(34,35,37,.658);--color-tertiary:#fd6a9b;--color-tertiary-shadow:rgba(253,106,155,.43);--color-tertiary-dark:#fd0357;--color-error-shadow:rgba(253,3,87,.43);--color-span:#fa8eb28e}body{margin:0}.App{background-color:var(--color-primary);font-family:Overpass,sans-serif;font-size:16px;width:100%}.App,.container__body{display:flex;flex-direction:column;height:auto}.container__body{align-items:center;background-color:var(--color-secondary);border-radius:5px;box-shadow:0 0 15px var(--color-tertiary);color:#fff;padding:30px 10px;width:95%}.container__academy{height:100%;width:80%}.container__academy h1{font-size:30px;text-align:center}.container__academy h1,.container__academy h2,h4{color:var(--color-tertiary)}.container__academy span{color:var(--color-span);margin-top:5px}.linkText{color:#fff;text-decoration:none}.container__academy a{color:#fff;font-size:18px}.container__body hr{margin-left:0;width:50%}.container__body h4{margin-bottom:10px}.container__body p{margin-bottom:0;margin-top:0}@media screen and (min-width:768px){.container__body{padding:20px 10px;width:95%}.container__academy h2{font-size:30px}}@media screen and (min-width:1024px){.container__body{margin:0}}.container__navbar{align-items:center;background-color:var(--color-secondary);border-radius:5px;box-shadow:0 0 15px var(--color-tertiary);display:flex;font-size:20px;font-weight:700;height:80px;justify-content:space-around;margin:10px;position:relative;width:auto}.link_projects:before{background-color:var(--color-span);border-radius:5px;bottom:-13px;color:#fff;content:"Da click aquí para ver mis proyectos";font-size:.75rem;font-weight:lighter;left:60%;padding:6px 10px;white-space:nowrap}.link_projects:after,.link_projects:before{opacity:0;pointer-events:none;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:opacity .3s ease;z-index:10}.link_projects:after{border-color:transparent transparent var(--color-span) transparent;border-style:solid;border-width:6px;bottom:15px;content:"";left:70%}.link_projects:hover:after,.link_projects:hover:before{opacity:1}.active,.navbarLink:hover{color:var(--color-tertiary)}@media screen and (min-width:768px){.container__navbar{font-size:28px;margin:10px 20px}}@media screen and (min-width:1024px){.link_projects:before{left:70%}}.container__sidebar--body{padding:10px 20px;width:auto}.container__sidebar,.container__sidebar--body{display:flex;flex-direction:column;height:auto}.container__sidebar{align-items:center;background-color:var(--color-secondary);border-radius:5px;box-shadow:0 0 15px var(--color-tertiary);margin-bottom:20px;padding:30px 10px;width:95%}.myphoto{border-radius:20px;box-shadow:2px 2px 5px hsla(0,0%,82%,.5);display:flex;height:auto;width:140px}.container__info{display:flex;flex-direction:column;text-align:center;width:100%}.container__info span{color:var(--color-span);font-size:18px;margin-bottom:20px;margin-top:-14px}.container__info h2,.container__info--p{color:var(--color-tertiary)}.container__info--p{font-size:16px;font-weight:700}.container__info--p a{color:#fff;font-size:18px;font-weight:500;text-decoration:none}.container__icon-text{align-items:center;display:flex;gap:10px;justify-content:center}.icons{color:#fff;height:20px}.iconLinkedIn{padding-right:10px}.container__icon-text:hover .container__info--p a,.container__icon-text:hover .iconLinkedIn,.container__info--cont a:hover{color:var(--color-tertiary)}hr{border-color:var(--color-tertiary);width:90%}.container__info--text{color:#fff;font-size:16px;padding:0 10px;text-decoration:none}.about__me{letter-spacing:1px;line-height:1.3;text-align:left}.container__knowledge--list{align-items:center;display:flex;flex-wrap:wrap;gap:0 10px;height:auto;justify-content:center}.container__knowledge--list p{background-color:hsla(0,0%,82%,.5);border-radius:5px;display:flex;font-size:16px;padding:4px 10px 0}.iconEnglish{color:var(--color-tertiary);cursor:pointer}.container__info--cont a{padding:0 15px}.list__softskills{color:#fff;font-size:16px;list-style:none;padding:0}@media screen and (min-width:768px){.container__sidebar--body{padding:10px 40px}.container__info h2{font-size:30px}.container__info--p{font-size:20px}}@media screen and (min-width:1024px){.container__sidebar{margin-bottom:0}.container__sidebar--body{flex-direction:row;gap:30px}.container__sidebar{width:55%}}.container__academy h2{text-align:center}.list__projects{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:20px 15px;justify-content:center;width:100%}.list__projects--cards{background-color:hsla(0,0%,100%,.151);border-radius:10px;box-shadow:2px 2px 5px var(--color-tertiary);min-height:280px;padding:10px;width:80%}.container__imagesProjects,.list__projects--cards{align-items:center;display:flex;flex-direction:column;position:relative}.container__imagesProjects{margin-bottom:10px;min-height:250px;overflow:hidden;width:100%}.imagesProjects{cursor:pointer;max-height:250px;width:100%}.list__projects--languages{align-items:center;border-radius:0;box-shadow:none;color:#fdfdfd;display:flex;flex-direction:column;justify-content:center;margin:10px;opacity:1;padding:5px;position:static;width:100%}.projects__links{font-size:24px;margin-bottom:10px;text-decoration:none}.container__repo--links{display:flex;justify-content:space-around;width:100%}.repo__links{background-color:var(--color-secondary);border:1px solid hsla(0,0%,82%,.5);border-radius:10px;padding:10px 5px 5px;text-align:center;text-decoration:none;width:30%}@media screen and (min-width:768px){.list__projects--cards{height:450px;width:40%}.container__images--link{align-items:center;display:flex;height:165px;justify-content:center;min-height:50%}.imagesProjects{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.container__imagesProjects{height:auto;min-height:75%;width:100%}}@media screen and (min-width:1024px){.list__projects--cards{height:350px}.container__imagesProjects{align-items:center;justify-content:center;min-height:200px}.container__repo--links{font-size:24px}.repo__links:hover{box-shadow:2px 2px 5px var(--color-tertiary)}.projects__links:hover,.repo__links:hover{color:var(--color-tertiary)}.list__projects--languages{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:none;color:#000;font-size:20px;font-weight:700;height:100%;left:0;margin:0;opacity:0;overflow:hidden;padding:0;position:absolute;top:0;-webkit-transform:scale(.8);transform:scale(.8);transition:all .5s;width:100%}.list__projects--languages:after,.list__projects--languages:before{background-color:#000;content:"";height:4px;position:absolute;transition:all .5s;width:calc(100% - 40px)}.list__projects--languages:before{left:-100%;top:10px}.list__projects--languages:after{bottom:10px;left:100%}.list__projects--languages:hover:after,.list__projects--languages:hover:before{left:15px}.list__projects--languages p:first-child{font-size:20px;text-align:center;text-decoration:underline}.list__projects--cards:hover .list__projects--languages{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.btn__primary{background:linear-gradient(90deg,var(--color-tertiary),var(--color-tertiary-dark),var(--color-tertiary));background-position:0;background-size:200%;border:none;border-radius:8px;cursor:pointer;font-size:1.2rem;font-weight:700;height:45px;margin:auto;max-width:300px;overflow:hidden;padding:5px 10px;position:relative;transition:background-position .8s ease;width:100%;&:hover{background-position:100%}}.contact__form{color:#fff;display:flex;justify-content:center;margin-bottom:10px;padding:10px;.form__content{align-items:center;display:flex;flex-direction:column;gap:24px;max-width:800px;width:100vw;.form__title{margin-bottom:-10px;text-align:center}input,textarea{font-family:Overpass,sans-serif}.message__error{color:var(--color-tertiary-dark);margin-bottom:5px;margin-top:-20px;text-align:left;width:95%}.input__cont{position:relative;width:100%;.labelText{left:15px;pointer-events:none;position:absolute;top:24px;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:.3s}.input__form{background-color:transparent;border:1px solid var(--color-tertiary);border-radius:5px;color:#fff;outline:none;padding:15px 0 15px 10px;position:relative;width:95%;&:focus{background-color:transparent;border:2px solid var(--color-tertiary);box-shadow:3px 3px 8px var(--color-tertiary-shadow)}&:focus~.labelText,&~.labelText{background-color:var(--color-secondary);padding:0 5px}&:focus~.labelText{top:0}}.input__validate{&~.labelText{top:0}}.input__error{background-color:var(--color-secondary);border:2px solid var(--color-tertiary-dark);border-radius:5px;outline:none;padding:15px 0 15px 10px;position:relative;width:95%;&~.labelText{background-color:var(--color-secondary);color:var(--color-tertiary);padding:4px}&:focus{background-color:transparent;border:2px solid var(--color-tertiary-dark);box-shadow:3px 3px 8px var(--color-error-shadow)}&:focus~.labelText{background-color:var(--color-secondary);color:var(--color-tertiary-dark);padding:0 5px;top:0}}.textarea__form{background-color:transparent;border:1px solid var(--color-tertiary);border-radius:5px;color:#fff;max-height:300px;min-height:100px;outline:none;padding:15px 0 5px 10px;position:relative;resize:none;width:95%;&:focus{background-color:transparent;border:2px solid var(--color-tertiary);box-shadow:3px 3px 8px var(--color-tertiary-shadow)}&:focus~.labelText{padding:0 5px;top:0}&:focus~.labelText,&~.labelText{background-color:var(--color-secondary)}&~.labelText{padding:5px}}.textarea__error{background-color:var(--color-secondary);border:2px solid var(--color-tertiary-dark);border-radius:5px;max-height:300px;min-height:100px;outline:none;padding:15px 0 15px 10px;position:relative;resize:none;width:95%;&~.labelText{background-color:var(--color-secondary);color:var(--color-tertiary);padding:0;top:20px}&:focus{background-color:transparent;border:2px solid var(--color-tertiary-dark);box-shadow:3px 3px 8px var(--color-error-shadow)}&:focus~.labelText{background-color:var(--color-secondary);color:var(--color-tertiary-dark);padding:0 5px;top:0}}}}}@media (min-width:768px){.input__cont{width:80%}}@media (min-width:1024px){.input__cont,.message__error{max-width:70%}}.modal{transition-behavior:allow-discrete;align-items:center;background-color:var(--color-secondary-disabled);display:grid;height:100%;justify-content:center;left:0;margin:auto;position:fixed;top:0;-webkit-transform:scale(1);transform:scale(1);transition:display .8s,overlay .6s,opacity .6s,-webkit-animation .6s;transition:display .8s,overlay .6s,opacity .6s,animation .6s;transition:display .8s,overlay .6s,opacity .6s,animation .6s,-webkit-animation .6s;width:100%}.modal__open{opacity:1}.modal__close{transition-behavior:allow-discrete;opacity:0;-webkit-transform:translate(100%);transform:translate(100%);transition:display .6s,overlay .6s,opacity .6s,-webkit-transform .6s;transition:display .6s,overlay .6s,opacity .6s,transform .6s;transition:display .6s,overlay .6s,opacity .6s,transform .6s,-webkit-transform .6s}.modal__dialog{background-color:var(--color-secondary);border:2px solid var(--color-tertiary);border-radius:25px;color:#fff;display:inline-grid;flex-direction:column;gap:5px;height:auto;height:40%;padding:30px;width:100%;.btn__close{background-color:transparent;border-style:none;color:#fff;cursor:pointer;display:flex;font-size:20px;height:30px;transition:all .2s ease;width:100%;&:hover{font-size:24px;font-weight:700}}.modal__title{margin-bottom:1.5rem;text-align:center}.modal__info{margin:0 10px 20px}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (min-width:1025px){.contact__form{margin:auto;width:80%}}
/*# sourceMappingURL=main.8df98f81.css.map*/