@import"https://fonts.googleapis.com/css2?family=Merriweather&display=swap";@import"https://fonts.googleapis.com/css2?family=Work+Sans&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300&display=swap";html{overflow:overlay;background:#1c1919;color:#f5f5f5;min-height:100vh;scroll-behavior:smooth;scrollbar-color:grey transparent;scrollbar-width:thin}body{font-family:Merriweather,serif;margin:0;color:#000}html:after{content:"";top:0;right:0;bottom:0;left:0;position:fixed;width:100%;height:100%;background-image:url(/assets/noisy-CJpG-dqh.webp);pointer-events:none;-webkit-user-select:none;user-select:none}a{color:#000;text-decoration:none}.languages{display:flex;flex-direction:row;gap:10px;justify-content:end;padding:20px 12px 5px}.tooltip{position:relative;display:inline-block}.tooltip .tooltiptext{opacity:0;width:100px;top:100%;left:70%;margin-left:-60px;background:#ede8e8da;color:#000;text-align:center;border:2px solid black;border-radius:10px;box-shadow:5px 5px 8px #000;padding:8px 0;position:absolute;z-index:1;font-family:Work Sans,sans-serif;font-weight:700;font-size:12px;transition:.35s}.tooltip:hover .tooltiptext{opacity:1}::-webkit-scrollbar{background-color:#f5f5f5}::-webkit-scrollbar-track{border-radius:5px;background-color:transparent}::-webkit-scrollbar-thumb{background:#bc8f8f;border-radius:5px}.btn-link{width:20%;background-color:inherit;color:#db7093;font-family:Work Sans,sans-serif;padding:3%;border:2px solid rgb(53,53,53);box-shadow:2px 2px 2px #000,inset 1px 1px 1px #000;border-radius:5px;transition:all .5s ease-in-out;margin:1%}.btn-link:hover{color:#4682b4;border:2px solid rgb(44,44,44);box-shadow:3px 3px 3px #000,inset 2px 2px 2px #000}.ui-btn{--btn-default-bg: #e1eec3;--btn-padding: 8px 12px;--btn-hover-bg: rgb(51, 51, 51);--btn-transition: .3s;--btn-letter-spacing: .05rem;--btn-animation-duration: .3s;--btn-shadow-color: rgba(0, 0, 0, .137);--btn-shadow: 0 2px 10px 0 var(--btn-shadow-color);--hover-btn-color: #e1eec3;--default-btn-color: rgb(41, 41, 41);--font-size: 12px;--font-weight: 600;--font-family: "Work Sans", sans-serif}.ui-btn{box-sizing:border-box;border-radius:10px;padding:var(--btn-padding);display:flex;align-items:center;justify-content:center;color:var(--default-btn-color);font:var(--font-weight) var(--font-size) var(--font-family);background:var(--btn-default-bg);border:none;cursor:pointer;transition:var(--btn-transition);overflow:hidden;box-shadow:var(--btn-shadow)}.ui-btn span{letter-spacing:var(--btn-letter-spacing);transition:var(--btn-transition);box-sizing:border-box;position:relative;background:inherit}.ui-btn span:before{box-sizing:border-box;position:absolute;content:"";background:inherit}.ui-btn:hover,.ui-btn:focus{background:var(--btn-hover-bg)}.ui-btn:hover span,.ui-btn:focus span{color:var(--hover-btn-color)}.ui-btn:hover span:before,.ui-btn:focus span:before{animation:chitchat linear both var(--btn-animation-duration)}@keyframes chitchat{0%{content:"#"}5%{content:"."}10%{content:"^{"}15%{content:"-!"}20%{content:"#$_"}25%{content:"№:0"}30%{content:"#{+."}35%{content:"@}-?"}40%{content:"?{4@%"}45%{content:"=.,^!"}50%{content:"?2@%"}55%{content:";1}]"}60%{content:"?{%:%";right:0}65%{content:"|{f[4";right:0}70%{content:"{4%0%";right:0}75%{content:"'1_0<";right:0}80%{content:"{0%";right:0}85%{content:"]>'";right:0}90%{content:"4";right:0}95%{content:"2";right:0}to{content:"";right:0}}#navbar{position:fixed;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:50px;height:5%;background-color:rgba(0,0,0,);padding:20px 12px 5px 40px;top:0;z-index:2}#all-header{margin-bottom:10%}#container-header{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr;gap:0%;grid-template-areas:". .";align-items:center;gap:25%;margin:-2% 10%;min-height:100vh}.perfil{width:500px;border-radius:50px}@keyframes textShine{0%{background-position:0% 50%}to{background-position:100% 50%}}.texto{white-space:nowrap;font-family:Playfair Display,serif;padding:3% 5%;border-radius:50px;background:linear-gradient(to right,#e1eec3 20%,#f05053,#764876,#4682b4 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:500% auto;animation:textShine 3s ease-in-out infinite alternate}.texto p:nth-child(1){font-size:60px;margin:0}.texto p:nth-child(2),.texto p:nth-child(3){font-size:30px}.nombre span{font-size:60px}@keyframes shake{0%{transform:rotate(0)}25%{transform:rotate(5deg)}50%{transform:rotate(0)}75%{transform:rotate(-5deg)}to{transform:rotate(0)}}.redes{display:flex;flex-direction:row;gap:20px;font-family:Montserrat,sans-serif;font-weight:700;text-align:center;background:linear-gradient(150deg,#e1eec3,#f05053);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.red:hover a img{animation:shake .2s;animation-iteration-count:infinite}.cv{margin:0 2% 5% 0;white-space:nowrap;transition:.5s;background:linear-gradient(150deg,#e1eec3,#f05053);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#cv-btn{padding:20px;text-align:center;font-family:Work Sans,sans-serif;font-size:22px;border:2px solid black;box-shadow:10px 5px 10px #000;border-radius:20px;background:linear-gradient(120deg,var(--myColor1),var(--myColor2));transition:--myColor1 .5s,--myColor2 .5s}@property --myColor1{syntax: "<color>"; initial-value: rgb(245,245,245,0); inherits: false;}@property --myColor2{syntax: "<color>"; initial-value: rgb(245,245,245,0); inherits: false;}#cv-btn:hover{--myColor1: rgb(198, 143, 161);--myColor2: peachpuff;color:#000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#sobre-mi{font-size:22px;font-family:Work Sans,sans-serif;color:#000;margin-bottom:5%;min-height:50vh}#about{display:flex;flex-direction:row;align-items:center;margin:0% 3% 5% 10%;padding:3% 5%}#about p{background:linear-gradient(150deg,#e1eec3,#f05053);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.container-list{display:flex;flex-direction:row;gap:5%;flex-wrap:wrap;align-items:flex-end;justify-content:center;margin-bottom:5%;font-family:Montserrat,sans-serif;font-weight:600;font-size:20px;text-align:center;background:linear-gradient(150deg,#e1eec3,#f05053);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.container-list img:hover{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both;transform:translateZ(0);backface-visibility:hidden;animation-iteration-count:infinite}.container-list span img{width:70px}.card{padding:2%;border-radius:20px}.title{margin-top:2%;text-align:center;padding:10px 5px 30px;font-size:30px;font-family:Work Sans,sans-serif;font-weight:700;background:-webkit-linear-gradient(150deg,#e1eec3,#f05053);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.courses{display:flex;flex-direction:row;flex-wrap:wrap;gap:2%;justify-content:center;align-items:center;margin:8% 0 5%;font-family:Montserrat,sans-serif;font-weight:600;font-size:18px}.courses img{width:300px}.cert{width:30%;margin:2%}.container-proyecto{min-height:100vh;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:20px;margin:2% 0 5%}.flip-card{background-color:transparent;width:350px;height:200px;perspective:1000px}.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform 2s;transform-style:preserve-3d;box-shadow:0 4px 8px #0003;font-size:14px}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;border-radius:5px;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-card-front{background-color:#bbb;color:#000}.flip-card-back{background-color:#1b1b1b;border:1px solid beige;font-family:Work Sans,sans-serif;transform:rotateY(180deg)}.flip-card-back h3{background:linear-gradient(150deg,#e1eec3,#f05053);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.flip-card-back p{padding:0 2%;background:linear-gradient(150deg,#e1eec3,#f05053);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.imgProj{width:350px;height:200px}#contactContainer{margin-top:.5%;margin-bottom:5%}label{background:linear-gradient(150deg,#e1eec3,#f05053);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.form-control{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;font-family:Work Sans,sans-serif}.form-control input[type=email],.form-control input[type=text]{background-color:#f5f5f5;border-radius:5px;border:.5px solid rgb(105,105,105);width:50%;padding:10px;font-family:Work Sans,sans-serif;font-size:18px;transition:all .5s ease-in-out}.form-control input[type=email]:focus,.form-control input[type=text]:focus{background-color:#fff;box-shadow:0 0 10px #fff;border-color:#000;outline:black}.form-control input[type=submit]{width:8%;padding:1%;font-family:Work Sans,sans-serif;font-weight:500;font-size:16px}.form-control textarea{padding:10px;width:50%;height:100px;font-family:Work Sans,sans-serif;font-size:18px;transition:all .5s ease-in-out}.form-control textarea:focus{background-color:#fff;box-shadow:0 0 10px #fff;border-color:#000;outline:black}.footer{font-family:Work Sans,sans-serif;border-top:1px solid beige;padding:.5%}#pixelAvatar{width:100px}.blog{min-height:100vh;padding:40px 20px;font-family:Montserrat,sans-serif}.blogContent{padding:0% 18%}.ft-row-1 a,.ft-row-2 a{color:#db7093;transition:.3s ease-in-out}.ft-row-1 a:hover,.ft-row-2 a:hover{color:#4682b4}.ft-row-1{display:flex;flex-direction:row;justify-content:center;align-items:center}.ft-row-2{color:beige;padding:0 5px}@media screen and (max-width: 500px){html{overflow:auto;min-height:auto}#navbar{width:100%;padding:10px 0 5px;gap:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.texto{white-space:wrap;font-family:Playfair Display,serif;padding:3%;margin-left:10%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:300% auto;animation:textShine 3s ease-in-out infinite alternate}.redes{display:flex;flex-direction:row;gap:10px;font-family:Montserrat,sans-serif;font-weight:700;text-align:center;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.languages{padding:70px 0 0;justify-content:center}.all-header{min-height:auto}#container-header{display:flex;flex-direction:column;gap:50px;min-height:70vh;margin-top:5%}.texto{margin-left:2%;text-align:center}.texto p:nth-child(1){font-size:60px}.title{margin-top:10%}#sobre-mi{width:100vw}#about{display:flex;flex-direction:row;align-items:center;margin:0% 5% 5%;padding:3% 5%;border:none;border-radius:50px;box-shadow:none}.container-list span img{width:50px}.container-proyecto{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px}.flip-card{background-color:transparent;width:350px;height:200px}.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform 1s;transform-style:preserve-3d;box-shadow:0 4px 8px #0003}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;border-radius:5px;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-card-front{background-color:#bbb;color:#000}.flip-card-back{background-color:#1b1b1b;border:1px solid beige;font-family:Work Sans,sans-serif;transform:rotateY(180deg)}.flip-card-back h3{background:linear-gradient(150deg,#e1eec3,#f05053);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.flip-card-back p{padding:0 2%;background:linear-gradient(150deg,#e1eec3,#f05053);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.form-control input[type=email],.form-control input[type=text]{width:80%}.form-control input[type=submit]{width:50%;padding:2%}.form-control textarea{width:80%}#contactContainer{margin-bottom:10%}}@media screen and (min-width: 501px) and (max-width: 999px){.form-control input[type=submit]{width:20%;padding:10px}}@media screen and (min-width: 1000px) and (max-width: 1200px){html{width:100%;margin:0}#navbar{width:100%;height:50px;padding:5px;gap:100px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.languages{padding:75px 0 0;justify-content:center}#container-header{display:flex;flex-direction:column;gap:40px;margin:8% 0;min-height:auto}.texto{padding:2%}.cv{margin-left:20%}.title{margin-top:10%}#Skills{margin-top:0}.card{padding:0;margin:10%}}