@import"https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0;box-sizing:border-box;font-family:Source Sans Pro,sans-serif}html{scroll-behavior:smooth}a{text-decoration:none;color:inherit}.landingPage{display:flex;flex-direction:column;align-items:center;justify-content:space-around;width:100%;height:100vh;position:absolute}.landingPage>h1{width:100%;font-size:25px;text-align:center;margin-top:30px;color:#fff}#card{width:300px;height:300px;background-image:url(/assets/luna_opt-jOV7i0t5.jpg);background-size:100vh;background-position:center;border-radius:50%;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.fly{animation:fly 1s infinite linear}.scales{animation:scales 10s linear infinite}.dimensiones{animation:dimensiones 3s linear forwards}@keyframes fly{0%{transform:translateY(-35vh) scale(1)}50%{transform:translateY(-35vh) scale(.9)}to{transform:translateY(-35vh) scale(1)}}@keyframes dimensiones{0%{transform:translateY(-30vh) scale(1) rotateY(0) translateZ(250px)}50%{transform:translateY(0) scale(1) rotateY(180deg) translateZ(500px)}to{transform:translateY(0) scale(.1) rotateY(360deg) translateZ(250px)}}@keyframes scales{0%{transform:rotate(0)}50%{transform:rotate(180deg)}90%{transform:rotate(335deg)}to{transform:rotate(360deg)}}@media(max-width:1200px){#card{height:250px;width:250px;background-size:100vh}.landingPage>h1{font-size:20px}}@media(max-width:768px){#card{height:225px;width:225px}.landingPage>h1{font-size:16px}@keyframes fly{0%{transform:translateY(-25vh) scale(.8)}50%{transform:translateY(-25vh) scale(.7)}to{transform:translateY(-25vh) scale(.8)}}@keyframes dimensiones{0%{transform:translateY(-25vh) scale(.8) rotateY(0) translateZ(250px)}50%{transform:translateY(0) scale(.8) rotateY(180deg) translateZ(500px)}to{transform:translateY(0) scale(.1) rotateY(360deg) translateZ(250px)}}}@media(max-width:500px){html{background:url(/assets/sunsetm-BgtAdFoe.jpg);background-size:cover;background-attachment:fixed}}@media(min-width:2000px){html{background:url(/assets/sunset1-DSMXkrVa.jpg);background-size:cover;background-attachment:fixed}#card{background-image:url(/assets/luna-C1caw9TO.jpg);background-size:100vh;background-position:center}}.header{width:100%;background:url(/assets/sunset1-DSMXkrVa.jpg);background-size:cover;background-position:bottom;height:100vh;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;padding-top:80px;position:relative}.header__nav{width:100%;display:flex;justify-content:space-between;align-items:center;padding:20px 40px;background:#0000004d;backdrop-filter:blur(10px);position:fixed;top:0;left:0;z-index:100}.header__nav--centered{justify-content:center;gap:20px}.header__navLink{text-transform:uppercase;letter-spacing:2.5px;font-weight:700;font-size:12px;color:#fff;text-decoration:none;padding:5px 0;cursor:pointer;transition:.3s ease-in;position:relative}.header__navLink:hover{color:#ff6b35}.header__navLink:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:#ff6b35;transition:width .3s ease-in}.header__navLink:hover:after{width:100%}.header__logo{font-size:48px;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5);letter-spacing:4px}.header__navSeparator{color:#fff;font-size:14px;opacity:.6}.header__info{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.header__info>h1{width:80%;text-align:center;font-size:90px;padding:10px;font-weight:600;text-shadow:1px 1px 1px black}.header__info>p{width:80%;text-align:center;color:#fff;font-size:24px;text-shadow:1px 1px 1px black}.header__infoIcons{width:80%;margin-top:20px;text-align:center;margin-bottom:10px;display:flex;justify-content:center;align-items:center;cursor:pointer;gap:12px}.header__infoIcons a{padding:20px;transition:.3s all;border-radius:50%;background-color:#fff1;box-shadow:0 0 20px -10px #fff}.header__infoIcons>a:hover{transform:scale(1.2)}.header__more{position:absolute;bottom:40px;cursor:pointer;transition:.3s all;display:flex;justify-content:center;align-items:center}.header__more:hover{transform:scale(1.2)}@media(max-width:900px){.header__info>h1{font-size:60px}.header__info>p{font-size:15px;padding:20px}.header__nav{padding:15px 20px}.header__logo{font-size:36px}}@media(max-width:550px){.header{padding-top:70px}.header__info>h1{font-size:50px;padding:20px}.header__info>p{font-size:15px;padding:20px}.header__more{padding-bottom:40px}.header__nav{padding:10px 15px}.header__logo{font-size:28px}.header__navLink{font-size:10px;letter-spacing:1.5px}}@media(max-width:500px){.header{padding-top:60px}#inicio{display:none}.header__info>h1{font-size:35px}.header__info>p{text-align:center;padding-right:20px;padding-left:20px}.header__nav{padding:10px;gap:10px}.header__navLink{font-size:9px;letter-spacing:1px}.header__logo{font-size:24px}.header__navSeparator{font-size:12px}.header__infoIcons>a{padding:10px}.header__infoIcons>a img{width:30px;height:30px}}@media(max-width:350px){.header{padding-top:50px}.header__nav{padding:8px}.header__logo{font-size:20px}.header__navLink{font-size:8px;letter-spacing:.8px}}.about{min-height:50vh;background-color:#2b2b2b;display:flex;flex-wrap:wrap;justify-content:center;width:100%}.about__avatar{width:40%;min-width:150px;display:flex;justify-content:flex-end;align-items:flex-start}.about__avatar>img{border-radius:50%;padding:20px;object-fit:contain;margin-top:80px;margin-right:20px}.about__section{width:60%;min-width:300px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:40px 70px 40px 10px}.about__section>h2{padding:10px;color:#fff}.about__section>p{color:gray;padding:10px;max-width:650px;font-size:18px}@media(max-width:500px){.about__avatar{display:none}.about__section{margin:0;width:100%;padding:25px 10px 30px 20px}.about__section>p{padding-right:0;margin-right:2px}}.resume{min-height:50vh;display:flex;flex-direction:column;padding-top:20px;padding-bottom:30px;background-color:#fff}.resume__container{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;min-height:200px}.resume__containerTitle{padding:10px;width:40%;min-width:200px;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end}.resume__containerTitle>h2{margin-right:50px;text-decoration:underline orange}.resume__containerInfo{padding:10px;width:60%;margin-top:20px;margin-bottom:20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.resume__containerTechs{width:100%;display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;margin-left:10px}.resume__containerTechs>img{margin:10px;box-shadow:0 20px 30px #0003;border-radius:99px}.circle{border-radius:99px}.resume__containerInfo>h3{padding:10px}.resume__containerInfo>p{padding:10px;color:gray;font-size:18px}.progressbars{min-width:280px;width:50%;margin-top:10px;height:40px;border:1px solid #444;background-color:#d3d3d3}.progressbars>p{background-color:#444;z-index:10;height:38px}@media(max-width:550px){.resume__containerTitle{margin:10px 0 0;width:100%;align-items:center}.resume__containerTitle>h2{margin:0;text-align:center}.resume__containerInfo{width:80%;align-items:center}.resume__containerTechs{justify-content:center}.resume__containerTechs>img{margin:5px;width:60px;height:60px}}.resume__containerTechs>img:hover{animation:rotar .5s linear;cursor:pointer}@keyframes rotar{0%{transform:rotate(0)}33%{transform:rotate(10deg)}66%{transform:rotate(-10deg)}to{transform:rotate(0)}}.footer{width:100%;background-color:#1b1b1b;color:#d3d3d3;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:10vh}.footer>a>img{margin-top:-80px;transition:.3s all;cursor:pointer;border-radius:50%;background-color:#0003}.footer>a>img:hover{transform:scale(1.2)}.footer__infoIcons{margin-top:20px;display:flex;justify-content:center;align-items:center}.footer__infoIcons>p{color:gray;padding:10px;margin-right:20px}.footer__infoIcons a{margin-right:30px;cursor:pointer;transition:.3s all}.footer__infoIcons>a:hover{transform:scale(1.2)}.footer>p{padding:10px;margin:20px 0}@media(max-width:500px){.footer__infoIcons>p{margin-right:5px}.footer__infoIcons>a{margin-right:15px}}