@keyframes appear{0%{opacity:0}to{opacity:1}}.spin{animation:rotate .8s ease-in-out}@keyframes rotate{0%{transform:rotateY(0)}50%{transform:rotateY(-180deg)}to{transform:rotateY(0)}}@keyframes rotate2{0%{transform:rotateY(0)}50%{transform:rotateY(180deg)}to{transform:rotateY(0)}}@keyframes scrollOpacity{0%{opacity:1;background-color:#2c2b2b}25%{opacity:.7}to{opacity:.7}}@keyframes scrollOpacityItems{0%{opacity:.9}25%{opacity:.8}to{opacity:1}}@keyframes subtle-shake{0%{transform:translate(0)}25%{transform:translate(-1px)}50%{transform:translate(2px)}75%{transform:translate(-1px)}to{transform:translate(0)}}.container__im{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;animation:appear 2.5s;width:100vw}.container__img img{width:100px;border-radius:100%;margin:2em}.titulo__im{margin:10px}.ul{display:flex;align-items:center}.items__li{margin:7px;font-weight:700;list-style:none}.li__name{list-style-type:none;color:var(--color-contrast-letter)}.li__name span{color:#f0f8ff}.li__name__im,.li__name__desc{color:var(--color-contrast-letter)}.tituloSecundario__im{color:var(--color-contrast-letter);margin:10px}.container__ul{display:flex;justify-content:center;align-items:center}.span__desarrollador{margin:5px}@media screen and (max-width: 768px){.container__im{margin:20px;text-align:center}}#works{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;animation:appear 2.5s both}.col__works{display:flex;justify-content:center;align-items:center;margin:2em;max-height:500px}.col__titulo{color:#aaa;margin-top:2em}.titulo__page span{color:var(--color-contrast-letter)}.slider{display:flex;justify-content:center;align-items:center;position:relative;height:500px;width:100%;overflow:hidden;border:2px solid #aaa;border-radius:20px 0;margin:0 auto;padding:2em}#img__itemWorks{width:50px}.itemIcon{display:flex;justify-content:center;align-items:center;gap:10px;transition-property:color;transition-duration:.5s}.itemIcon:hover{color:#aaaaaaaf}.shake-on-hover:hover{animation:subtle-shake .4s ease-in-out}.slide{text-align:center;width:100%}.slide__content{max-width:500px}.slide__content a{text-decoration:none;color:var(--color--letter)}.slide__content img{width:100%;border-radius:100%}.slide__title{font-size:1.5rem;margin:1em;color:var(--color--letter)}.slide__description{margin:20px 0;font-size:1rem;color:var(--color-contrast-letter)}.prev,.next{transition-duration:.5s}.prev:hover{box-shadow:inset #1ed6ae 1px 1px 5px 1px;border-radius:15px 0 0 15px}.next:hover{box-shadow:inset #1ed6ae -1px 1px 5px 1px;border-radius:0 15px 15px 0}.slider-btn{background-color:transparent;border:none;font-size:2rem;cursor:pointer;margin:7px;padding:1rem;color:#aaa;height:500px}@media screen and (min-width: 120px) and (max-width: 425px){#img__itemWorks{display:none}.slider,.slider-btn{height:290px}}@media screen and (max-width: 768px){.itemIcon,.slide__title{font-size:16px}.slider{width:200px}}@media screen and (min-width: 425px) and (max-width: 768px){#img__itemWorks{width:40px}.slider{width:300px;height:400px}.slider-btn{height:400px}}@media screen and (min-width: 768px){.slider{width:350px}}.container__about{display:flex;justify-content:center;align-items:center;width:50vw;padding:2em}.span__about{color:var(--color-contrast-letter)}.li__about{list-style:none}.col__title{display:flex;justify-content:center;align-items:center;margin:2em;position:relative;color:var(--color--letter)}.col__title img{border-radius:100%;position:absolute;top:0;left:-150px}.col__info{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:10px}.span__info{color:var(--color-contrast-letter)}.col__info h2,.span__download{color:var(--color--letter)}.btn__dwl__cv{text-decoration:none;color:#000;background-color:var(--color-contrast-letter);padding:0 7px;border-radius:8px}.container__skills{display:flex;justify-content:center;align-items:center;gap:5em}.btn__linkedin{margin:5px 5px 5px 0;padding:2px;background-color:var(--color-contrast-letter);border-radius:8px;width:45px;font-weight:700}.btn__linkedin a{text-decoration:none;color:#000}.span__btn__cv{text-align:center;margin:0 5px 10px}.parrafo__about{margin:10px 0;color:var(--color-contrast-letter)}.titulo__skills{text-align:center}.li__front,.li__back{list-style:none;color:var(--color--letter)}.container__contact{display:flex;justify-content:center}.col__data__contact,.col__ul__contact{display:flex;justify-content:center;align-items:center;margin:10px;padding:7px}.span__contact{color:var(--color-contrast-letter)}.li__contact{list-style:none}.li__contact h2{color:var(--color--letter)}.data__contact{height:20px;width:80px;margin:6px;padding-left:6px;border-radius:10px;background-color:#2f8a73;color:#000;font-weight:700}.data__contact__white{height:20px;width:80px;margin:6px;padding-left:7px;border-radius:10px;background:var(--color--letter);color:#000;font-weight:700}.li__sec__contact{list-style:none;margin:5px;font-weight:700;color:var(--color--letter)}.li__sec__contact__number{list-style:none;color:var(--color-contrast-letter);font-weight:700}@media screen and (max-width: 768px){.data__contact,.data__contact__white{width:40px}.col__data__contact{font-size:15px}.li__contact h2{font-size:20px}}:root{--color-contrast-letter: #1ed6ae;--color--letter: #aaa}*{margin:0;padding:0;box-sizing:border-box;letter-spacing:2px;font-family:Source Code Pro,monospace}body{overflow-x:hidden;background-image:url(./fondo_negro01-D1Hpee-P.jpeg);background-size:cover}.container{perspective:800px}.main{display:flex;flex-direction:column;justify-content:center;align-content:center;width:100%;overflow-x:hidden}.section{display:flex;justify-content:center;align-items:center;width:100%;max-width:100%;min-height:100vh;box-sizing:border-box}.header{height:60px;display:flex;align-items:center;justify-content:flex-end;position:sticky;top:20px}.ul__nav{display:flex;margin:0 1em;list-style:none}.li__nav{color:#fff;font-size:14px;cursor:pointer;transition:color .3s;letter-spacing:1px;padding:8px}.li__nav:hover{color:#aaa}@media screen and (max-width: 320px){.li__nav{font-size:12px;margin:0}.nav-panel{padding:0}}@media screen and (max-width: 375px){.li__nav{font-size:12px}}