.color-text__main--h{color:#6c377e}.color-text__main--m{color:#ad8cb8}.color-text__main--s{color:#d3bbdb}.color-text__secondary--blue{color:#22b6ee}.color-text__secondary--green{color:#2bde84}.color-text__secondary--red{color:#ee2d2d}.color-text__support--white{color:#f9f9f9}.color-text__support--gray-A{color:#6d6d6d}.color-text__support--gray-B{color:#8e8e8e}body{background-color:#f9f9f9;margin:0;padding:0}.stop-scrolling{overflow:hidden}button{background:transparent;cursor:pointer}button,button:focus{border:none;outline:none}button::-moz-focus-inner{border:none;outline:none}.text-t__big{font-family:PT Sans,"sans-serif";font-size:2.81rem}.text-t__big-normal{font-family:Open Sans,"sans-serif";font-size:1.5rem}.text-t__normal{font-family:Open Sans,"sans-serif";font-size:1.25rem}.text-t__small{font-family:PT Sans,"sans-serif";font-size:1.06rem}.text-t__ex-small{font-family:PT Sans,"sans-serif";font-size:.9375rem}.text-p__normal{font-size:1rem}.text-p__normal,.text-p__small{font-family:Open Sans,"sans-serif";line-height:1.5}.text-p__small{font-size:.875rem}.text-p__ex-small{font-size:.8rem;line-height:1.5}.text-btn__A,.text-p__ex-small{font-family:Open Sans,"sans-serif"}.text-btn__A{font-size:.9125rem;letter-spacing:4px}.text-btn__B{font-family:Open Sans,"sans-serif";font-size:.6rem;letter-spacing:2px}.app{display:grid;grid-gap:1em;grid-template-columns:repeat(4,1fr);grid-template-rows:[row-1] 3em [row-2] auto [row-3] auto [row-4] auto [end];min-height:100vh;width:100%}@media screen and (min-width:640px){.app{box-sizing:border-box;grid-gap:2em;grid-template-columns:repeat(8,1fr);grid-template-rows:[row-1] auto [row-2] 4em [row-3] auto [row-4] auto [row-5] auto [end]}}@media screen and (min-width:1024px){.app{grid-template-columns:repeat(12,1fr);grid-template-rows:[row-1] 4em [row-2] 6em [row-3] 1fr [row-4] auto [end];padding-top:2em}}.app__card{grid-column:1/span 4;height:100%;width:100%}@media screen and (min-width:640px){.app__card{grid-column:1/span 8}}@media screen and (min-width:1024px){.app__card{grid-column:1/span 6;grid-row:row-1/row-3}}.app__header{grid-column:1/span 4;grid-row:row-1/row-2;height:100%;width:100%}@media screen and (min-width:640px){.app__header{grid-column:1/span 8;grid-row:row-2/row-3}}@media screen and (min-width:1024px){.app__header{grid-column:7/span 6;grid-row:row-1/row-2}}.app__social{grid-column:1/span 4;height:100%;width:100%}@media screen and (min-width:640px){.app__social{grid-column:1/span 8;grid-row:row-3/row-4}}@media screen and (min-width:1024px){.app__social{grid-column:7/span 6;grid-row:row-2/row-3}}.app__content{grid-column:1/span 4;height:100%;width:100%}@media screen and (min-width:640px){.app__content{grid-column:1/span 8;grid-row:row-4/row-5}}@media screen and (min-width:1024px){.app__content{grid-column:1/span 12;grid-row:row-3/row-4}}.app__footer{grid-column:1/span 4;width:100%}@media screen and (min-width:640px){.app__footer{grid-column:1/span 8;grid-row:row-5/end}}@media screen and (min-width:1024px){.app__footer{grid-column:1/span 12}}.header-menu{height:100%;width:100%}@media screen and (min-width:640px){.header-menu{overflow:hidden}}.header-menu__movil{align-items:center;display:flex;height:100%;justify-content:flex-end;width:100%}@media screen and (min-width:640px){.header-menu__movil{display:none}}.header-menu__movil--active{background-color:#6c377e}.header-menu__movil__icon{color:#6c377e;cursor:pointer;font-size:1.5em;font-weight:700;margin-right:1em;order:1;pointer-events:all}.header-menu__movil__icon--active{color:#f9f9f9}.header-menu__movil__name{-webkit-animation:name-animation .5s;animation:name-animation .5s;color:#f9f9f9;font-family:Open Sans,"sans-serif";font-size:1em;font-size:.9rem;font-weight:700;line-height:1;order:0;width:80%}@-webkit-keyframes name-animation{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes name-animation{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.header-menu__container{-webkit-transform:translateX(-100%);align-items:flex-start;background-color:#f9f9f9;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;justify-content:flex-start;left:0;margin-top:3em;padding:.5em 0;position:fixed;top:0;transform:translateX(-100%);width:100%;z-index:10}.header-menu__container:before{-webkit-clip-path:polygon(0 75%,90% 0,100% 0,100% 100%,0 100%);align-items:flex-end;background-color:#6c377e;bottom:0;box-sizing:border-box;clip-path:polygon(0 75%,90% 0,100% 0,100% 100%,0 100%);color:#ad8cb8;content:"JRS";display:flex;font-family:Open Sans,"sans-serif";font-size:4em;height:50%;justify-content:flex-end;left:0;padding:0 1em 1.5em 0;pointer-events:none;position:absolute;width:100%}@media screen and (min-width:640px){.header-menu__container{-webkit-transform:translateX(0);align-items:center;background-color:#6c377e;flex-direction:row;flex-wrap:wrap;height:100%;justify-content:center;margin:0;position:static;transform:translateX(0)}.header-menu__container:before{content:"";display:none}}@media screen and (min-width:1024px){.header-menu__container{background-color:transparent}}.header-menu__container--active{-webkit-animation:menu-animate .5s;-webkit-transform:translateX(0);animation:menu-animate .5s;transform:translateX(0)}@-webkit-keyframes menu-animate{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes menu-animate{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.header-menu__container__element{align-items:center;border-bottom:1px solid #d3bbdb;display:flex;justify-content:center;list-style:none;width:100%}@media screen and (min-width:640px){.header-menu__container__element{height:100%;margin-right:1em;width:9.375em}}@media screen and (min-width:1024px){.header-menu__container__element{border-bottom:none}}.header-menu__container__element__link{box-sizing:border-box;font-weight:700;padding:1em 2em;text-decoration:none;width:100%}@media screen and (min-width:640px){.header-menu__container__element__link{border-bottom:1px solid #6c377e;color:#f9f9f9;font-weight:400;padding-bottom:.875em;text-align:center;transition:border-bottom .1s ease-in-out}}@media screen and (min-width:1024px){.header-menu__container__element__link{border-bottom:1px solid #f9f9f9;color:#6c377e}.header-menu__container__element__link:hover{border-bottom:1px solid #ad8cb8}}.card-user{box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;padding:1em;width:100%}@media screen and (min-width:640px){.card-user{padding:0 2em}}@media screen and (min-width:1024px){.card-user{padding:1em 3em}}.card-user__title{padding-bottom:.18em;text-align:center;width:100%}@media screen and (min-width:640px){.card-user__title{padding-bottom:.5em}}.card-user__subtitle{text-align:center;width:100%}@media screen and (min-width:640px){.card-user__subtitle{box-sizing:border-box;padding-left:1.75em}}.social-menu{height:100%;width:100%}.social-menu__container{align-items:flex-start;display:flex;flex-wrap:wrap;height:100%;justify-content:center;margin:0;padding:0;width:100%}.social-menu__container__icon{cursor:pointer;font-size:2em;margin-right:1.5em;text-decoration:none}.social-menu__container__icon:last-of-type{margin-right:0}.footer__container{--fragment-animate:0ms;--url-logo:"";-webkit-clip-path:polygon(0 0,100% 20%,100% 100%,0 100%);background-color:#6c377e;clip-path:polygon(0 0,100% 20%,100% 100%,0 100%);padding:7em 3em;position:relative}@media screen and (min-width:1024px){.footer__container{align-items:center;display:flex;justify-content:space-between}}.footer__container:before{background:var(--url-logo) 50% no-repeat;content:"";display:inline-block;height:100%;left:0;opacity:.02;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.footer__container__fragment{-webkit-animation:fragment-animate var(--fragment-animate);animation:fragment-animate var(--fragment-animate);order:0;overflow:hidden;width:100%}@media screen and (min-width:1024px){.footer__container__fragment{height:150px;width:50%}}@-webkit-keyframes fragment-animate{0%{opacity:0}to{opacity:1}}@keyframes fragment-animate{0%{opacity:0}to{opacity:1}}.footer__container__fragment__p{text-align:center;width:100%}.footer__container__fragment__p:before{content:"\F10D";font-family:Font Awesome\ 5 Free;font-weight:700;margin-right:1em}.footer__container__fragment__p:after{content:"\F10E";font-family:Font Awesome\ 5 Free;font-weight:700;margin-left:1em}.footer__container__fragment__author{display:inline-block;text-align:center;width:100%}.footer__container__counters{display:flex;flex-wrap:wrap;justify-content:center;margin-top:4em;order:1;width:100%}@media screen and (min-width:1024px){.footer__container__counters{margin-top:0;width:50%}}.footer__container__counters__box{margin-bottom:1em;margin-right:1em;text-decoration:none;width:100%}@media screen and (min-width:640px){.footer__container__counters__box{width:24%}}.footer__container__counters__box__value{margin-bottom:.5em}.footer__container__counters__box__content,.footer__container__counters__box__value{display:inline-block;text-align:center;width:100%}.footer__container__copyright{bottom:0;left:0;margin-bottom:3em;position:absolute;text-align:center;width:100%}@media screen and (min-width:640px){.footer__container__copyright{margin:0 0 1.5em 1.5em;text-align:left;width:auto}}.footer__container__copyright__icon{text-indent:.5em}.footer__container__copyright__content{margin-left:.5em}.select-my-projects{--options-animation-delay:0ms;padding:1em}.select-my-projects--disable{background-color:#6c377e}@media screen and (min-width:1024px){.select-my-projects{padding:1em 7em}}@media screen and (min-width:640px){.select-my-projects__container{display:flex}}.select-my-projects__container__label{align-items:center;display:flex;margin-bottom:.5em;margin-right:1em}@media screen and (min-width:640px){.select-my-projects__container__label{margin-bottom:0}}.select-my-projects__container__select{position:relative;width:100%}@media screen and (min-width:640px){.select-my-projects__container__select{width:50%}}@media screen and (min-width:1024px){.select-my-projects__container__select{width:30%}}.select-my-projects__container__select__input{align-items:center;border-bottom:1px solid #ad8cb8;box-sizing:border-box;cursor:pointer;display:flex;padding:0 1em;position:relative;width:100%}.select-my-projects__container__select__input__display{align-self:flex-end;display:inline-block;height:1.25em;overflow:hidden;padding:.5em 1em .3em 0;white-space:nowrap;width:100%}.select-my-projects__container__select__input__dot-font{bottom:0;color:#6c377e;padding:.5em 1em;position:absolute;right:0}.select-my-projects__container__select__options{-webkit-animation:options-animation var(--options-animation-delay);-webkit-animation-timing-function:ease-in;animation:options-animation var(--options-animation-delay);animation-timing-function:ease-in;background-color:#f9f9f9;border:2px solid #6c377e;border-radius:10px 0 0 10px;border-right-style:none;height:4.5em;left:0;margin:0;overflow-y:scroll;padding:.5em 0;position:absolute;top:-50%;width:100%;z-index:5}@-webkit-keyframes options-animation{0%{height:0;opacity:0}to{height:100%;opacity:1}}@keyframes options-animation{0%{height:0;opacity:0}to{height:100%;opacity:1}}.select-my-projects__container__select__options__list{border-bottom:1px solid #d3bbdb;cursor:pointer;font-weight:700;list-style:none;padding:.25em;text-indent:1em}.select-my-projects__container__select__options__list:hover{background-color:#d3bbdb}.select-my-projects__container__select__options__list:last-of-type{border-bottom:none}.cards{padding:1em}@media screen and (min-width:1024px){.cards{padding:1em 7em}}.cards__container{align-items:baseline;display:flex;flex-wrap:wrap;justify-content:space-around;width:100%}.cards__container__card{border-bottom:1px solid #8e8e8e;box-sizing:border-box;margin-bottom:1em;overflow:hidden;padding:1em;position:relative;width:100%}.cards__container__card:last-of-type{border-bottom:none}@media screen and (min-width:640px){.cards__container__card{border:1px solid #8e8e8e;border-radius:10px;width:48%}.cards__container__card:last-of-type{border-bottom:1px solid #8e8e8e}}@media screen and (min-width:1024px){.cards__container__card{width:30%}}.cards__container__card__view{align-items:flex-start;cursor:pointer;display:flex;margin:.5em .5em 0 0;position:absolute;right:0;top:0}.cards__container__card__view__icon{color:#8e8e8e;font-size:1.75em}.cards__container__card__view__icon:hover{color:#ad8cb8}.cards__container__card__title{box-sizing:border-box;font-weight:700;padding-right:2em;text-decoration:none;text-transform:uppercase}.cards__container__card__title:hover{text-decoration:underline}.cards__container__card__description{margin-top:1em;padding:0;width:100%}.cards__container__card__list-container{margin:0;padding:0 1em}.cards__container__card__list-container__list-item{list-style:none}.cards__container__card__list-container__list-item:before{content:"\F111";font-family:Font Awesome\ 5 Free;font-size:.65rem;font-weight:700;margin-right:1em}.cards__container__card__download{display:flex;justify-content:space-around;margin-top:1em;width:100%}.cards__container__card__download__button{background-color:#ad8cb8;border-radius:5px;box-sizing:border-box;color:#f9f9f9;font-size:13px;padding:.5em 2em;text-align:center;text-decoration:none;width:47%}.cards__container__card__download__install{font-size:13px;font-weight:700;padding:.5em 2em;text-align:center;text-decoration:underline;width:47%}.cards__container__card__download__modal{-webkit-transform:rotateY(90deg);background:#f9f9f9;box-sizing:border-box;height:100%;left:0;overflow-y:auto;padding:1.5em;pointer-events:none;position:absolute;top:0;transform:rotateY(90deg);transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;width:100%}.cards__container__card__download__modal--active{-webkit-transform:rotateY(0deg);pointer-events:auto;transform:rotateY(0deg)}.cards__container__card__download__close-modal{bottom:0;display:none;margin-bottom:.5em;margin-right:1em;position:absolute;right:0;z-index:2}.cards__container__card__download__close-modal--active{display:block}.cards__container__card__download__close-modal__icon{color:#ee2d2d;cursor:pointer;font-size:1.75em}.cards__container__card__tags{display:flex;flex-wrap:wrap;justify-content:center;margin-top:1em;width:100%}.cards__container__card__tags__tag{box-sizing:border-box;color:#6d6d6d;margin:.25em;padding:.5em;text-align:center;width:8em}.cards__container__card__tags__tag--php{border-bottom:1px solid #777bb3}.cards__container__card__tags__tag--js{border-bottom:1px solid #efd81d}.cards__container__card__tags__tag--css{border-bottom:1px solid #026db5}.cards__container__card__tags__tag--html{border-bottom:1px solid #dd4b25}.cards__container__card__tags__tag--electron{border-bottom:1px solid #2f3042}.cards__container__card__tags__tag--vue{border-bottom:1px solid #3fb27f}.cards__container__card__tags__tag--webpack{border-bottom:1px solid #75afcc}.cards__container__card__tags__tag--mariadb{border-bottom:1px solid #be9569}.cards__container__card__tags__tag--mysql{border-bottom:1px solid #dd8a00}.cards__container__card__tags__tag--java{border-bottom:1px solid #d00000}.cards__container__card__tags__tag--javafx{border-bottom:1px solid #e97c17}.cards__container__card__tags__tag--linux{border-bottom:1px solid #0f94d2}.modal__container{-webkit-animation:modal-animation .5s;animation:modal-animation .5s;background-color:rgba(211,187,219,.5);box-sizing:border-box;display:grid;grid-gap:2em;grid-template-columns:repeat(2,1fr);grid-template-rows:[start] auto [row-1] auto [row-2] auto [row-3] auto [end];height:100vh;left:0;overflow-y:auto;padding:2em;position:fixed;top:0;width:100%;z-index:10}@-webkit-keyframes modal-animation{0%{opacity:0}to{opacity:1}}@keyframes modal-animation{0%{opacity:0}to{opacity:1}}@media screen and (min-width:640px){.modal__container{overflow-y:hidden}}@media screen and (min-width:1024px){.modal__container{grid-template-rows:[start] 10% [row-1] 30% [row-2] 1fr [end]}}.modal__container__close{display:flex;grid-column:2/span 1;grid-row:start/row-1;justify-content:flex-end}.modal__container__close__icon{color:#ee2d2d;cursor:pointer;font-size:2em}.modal__container__title{align-items:center;background-color:#d3bbdb;border-radius:10px;box-sizing:border-box;display:flex;flex-wrap:wrap;grid-column:1/span 2;grid-row:row-1/row-2;justify-content:center;padding:1em}@media screen and (min-width:640px){.modal__container__title{grid-column:1/span 1;overflow:hidden}}.modal__container__title__header{display:inline-block;font-weight:700;text-align:center;text-decoration:none;text-transform:uppercase}.modal__container__title__header:hover{text-decoration:underline}.modal__container__title__site{display:inline-block;text-align:center;width:100%}.modal__container__details{align-items:center;background-color:#d3bbdb;border-radius:10px;box-sizing:border-box;display:flex;flex-wrap:wrap;grid-column:1/span 2;grid-row:row-2/row-3;justify-content:center;padding:1em}@media screen and (min-width:640px){.modal__container__details{grid-column:1/span 1;grid-row:row-2/end;overflow-y:auto}}.modal__container__details__description{margin:0 0 1em;padding:0;text-align:center;width:100%}.modal__container__details__list-container{margin:0;paddin:0 1em;width:100%}.modal__container__details__list-container__list{list-style:none}.modal__container__details__list-container__list:before{content:"\F111";font-family:Font Awesome\ 5 Free;font-size:.65rem;font-weight:700;margin-right:1em}.modal__container__details__tags{display:flex;flex-wrap:wrap;justify-content:center;margin-top:1em;width:100%}.modal__container__details__tags__tag{background-color:#22b6ee;border-radius:10px;box-sizing:border-box;color:#f9f9f9;margin:.25em;padding:.5em;text-align:center;width:8em}.modal__container__details__tags__tag--php{background-color:#777bb3}.modal__container__details__tags__tag--js{background-color:#efd81d;color:#6d6d6d}.modal__container__details__tags__tag--css{background-color:#026db5}.modal__container__details__tags__tag--html{background-color:#dd4b25}.modal__container__details__tags__tag--electron{background-color:#2f3042}.modal__container__details__tags__tag--vue{background-color:#3fb27f}.modal__container__details__tags__tag--webpack{background-color:#75afcc}.modal__container__details__tags__tag--mariadb{background-color:#be9569}.modal__container__details__tags__tag--mysql{background-color:#dd8a00}.modal__container__details__tags__tag--java{background-color:#d00000}.modal__container__details__tags__tag--javafx{background-color:#e97c17}.modal__container__details__tags__tag--linux{background-color:#0f94d2}.modal__container__resume{background-color:#f9f9f9;border-radius:10px;grid-column:1/span 2;grid-row:row-3/end;padding:1em 1.5em}@media screen and (min-width:640px){.modal__container__resume{grid-column:2/span 1;grid-row:row-1/end;overflow-y:auto}}.modal__container__resume__title{width:100%}.modal__container__resume__content{text-indent:2em;width:100%}.modal__container__resume__content:first-letter{font-weight:700}.modal-application__title{color:#6d6d6d;display:inline-block;font-size:16px;heigth:100%;margin-bottom:.5em;width:100%}.modal-application__container{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.modal-application__container__title{color:#6d6d6d;display:inline-block;font-size:13px;font-weight:700;width:100%}.modal-application__container__text{box-sizing:border-box;color:#8e8e8e;font-size:13px;padding:0 1.5em .5em .5em;text-align:justify;width:100%}.modal-application__container__list{margin:.5em 1.5em;padding:0}.modal-application__container__list li{color:#6d6d6d;font-size:13px;margin-bottom:1em}.modal-application__container__list li>a{font-weight:700}.modal-application__container__link{border-radius:5px;color:#6c377e;display:inline-block;font-size:13px;font-weight:700;margin:1em;padding:.5em 2em;text-align:center;width:50%}