:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--primary: #D5B56E;--secondary: #5b5c5f;--terciary: #96D1E4;--cuarto: rgb(10, 10, 37);--white: #F7F7F7;--black: #000000;box-sizing:border-box;margin:0;padding:10px;color-scheme:light dark;color:var(--primary);background-color:var(--black);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}body{color:ligth-dark (var(--primary),#fff);font-family:Noto Sans,sans-serif;font-optical-sizing:auto;font-style:normal}main{overflow:hidden}.grid{display:grid;width:100%;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:10px}.fix{height:90vh}h1{text-align:center}article.svelte-1kl3p7h{height:1000px;position:relative;overflow:hidden;margin-top:50px}article.svelte-1kl3p7h h1:where(.svelte-1kl3p7h){text-align:center}article.svelte-1kl3p7h .to-bg:where(.svelte-1kl3p7h){position:absolute;bottom:-40px;left:50%;z-index:-1;transform:translate(-50%)}.about.svelte-1kl3p7h{width:90%;padding:10px;overflow:hidden;transition:.6s linear;background:#ffffff40;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.about.svelte-1kl3p7h:after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;border:20px solid var(--primary);padding:2px;z-index:111;border-radius:20px;animation:svelte-1kl3p7h-animate-border 1s linear infinite alternate}.about.svelte-1kl3p7h h4:where(.svelte-1kl3p7h){text-wrap:balance}.about.svelte-1kl3p7h p:where(.svelte-1kl3p7h){text-wrap:pretty;color:#fff}.info-about.svelte-1kl3p7h{display:flex;justify-content:end;align-items:center;width:100%;padding:10px}.info-about.svelte-1kl3p7h h3:where(.svelte-1kl3p7h){text-align:center;width:100%;text-wrap:balance}.info-about.svelte-1kl3p7h figure:where(.svelte-1kl3p7h){width:50%}@keyframes svelte-1kl3p7h-animate-border{0%{outline:1px solid var(--primary);opacity:1.3;filter:blur(2rem)}to{outline:1px solid var(--primary);opacity:.8;filter:blur(3.5rem)}}article.svelte-sx7fyb{height:100vh;position:relative;margin-top:300px}h1.svelte-sx7fyb{padding-top:20px}figure.svelte-sx7fyb{position:absolute;bottom:-20px;left:50%;z-index:-1;transform:translate(-50%)}form.svelte-sx7fyb{height:90dvh;display:flex;flex-direction:column;width:75%;place-content:center}label.svelte-sx7fyb{width:100px}input.svelte-sx7fyb{background:#ffffff40;border:1px solid var(--white);border-radius:20px;font-weight:500;color:#fff;outline:none;border:none;height:30px;width:300px;font-size:16px;padding-left:10px}textarea.svelte-sx7fyb{resize:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:transparent;border-radius:20px;font-size:20px;margin-top:15px;width:98%;height:200px;padding:10px;color:#fff}.enviar.svelte-sx7fyb{margin-top:20px;height:40px;width:100px;border-radius:20px;outline:none;border:none;align-self:flex-end;cursor:pointer;background:var(--primary);color:var(--black);transition:.4s ease-in;font-size:16px}.enviar.svelte-sx7fyb:hover{border:2px solid var(--primary);background:#000;color:var(--primary)}article.svelte-1w3rcsq{display:grid;place-content:center;text-align:center}h1.svelte-1w3rcsq{font-size:2rem;color:var(--white)}h1.svelte-1w3rcsq span:where(.svelte-1w3rcsq){color:var(--primary)}p.svelte-1w3rcsq{color:var(--white)}img.svelte-1w3rcsq{border-radius:50%;width:100%;height:250px}.name.svelte-1w3rcsq{color:var(--primary);font-size:20px;font-weight:400}header.svelte-1eknjq6{height:100dvh;overflow:hidden;margin:0;padding:0}header.svelte-1eknjq6 nav:where(.svelte-1eknjq6){position:fixed;width:100%;display:flex;justify-content:end;top:0;right:0;z-index:9}header.svelte-1eknjq6 nav:where(.svelte-1eknjq6) a:where(.svelte-1eknjq6){text-decoration:none;color:var(--primary);font-size:1.2rem;margin:0 10px;transition:.5s linear}header.svelte-1eknjq6 nav:where(.svelte-1eknjq6) a:where(.svelte-1eknjq6):hover{color:var(--white)}.nav.svelte-1eknjq6{padding:5px;border-radius:10px;color:#fff;background:#00000080;margin-right:20px}.menu.svelte-1eknjq6{display:none}@media (width < 420px){.menu.svelte-1eknjq6{display:inline-block;position:fixed;top:0;right:0;z-index:9}.nav.svelte-1eknjq6{background:#000;color:#fff;display:flex;height:100%;flex-direction:column;width:100%;justify-content:space-evenly;align-items:center;clip-path:polygon(100% 0,100% 0,100% 0,100% 0);transition:.6s linear}.show-menu.svelte-1eknjq6{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);background:#000;color:#fff;display:flex;height:100%;flex-direction:column;width:100%;justify-content:space-evenly;align-items:center;transition:.6s linear}}section.svelte-10oe0sz{height:100vh;position:relative;padding-top:20px}.project.svelte-10oe0sz{height:auto;background:#ffffff30;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid var(--white);border-radius:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));grid-auto-rows:200px;padding:10px;gap:20px}article.svelte-10oe0sz{padding:0;margin:0;border-radius:20px;display:flex;justify-content:center;align-items:center;flex-direction:row;width:100%;border:2px solid var(--white);overflow:hidden}article.svelte-10oe0sz a:where(.svelte-10oe0sz){height:100%;width:100%;position:relative;overflow:hidden;text-decoration:none;color:var(--primary)}article.svelte-10oe0sz a:where(.svelte-10oe0sz):after{content:"👆🏼 Visitar proyecto";position:absolute;display:flex;justify-content:center;align-items:center;height:100%;width:100%;background:#030303e8;border-radius:20px;z-index:-1;transform:scale(0);top:0;transition:.5s linear;z-index:1}article.svelte-10oe0sz a:where(.svelte-10oe0sz):hover:after{transform:scale(1)}article.svelte-10oe0sz a:where(.svelte-10oe0sz) .project-image:where(.svelte-10oe0sz){width:100%;height:100%;aspect-ratio:1/1}.su-bg.svelte-10oe0sz{position:absolute;object-fit:cover;bottom:80px;left:50%;transform:translate(-50%) rotate(45deg);border-radius:20px;z-index:-1}article.svelte-g8k17c{height:100vh;width:100%;margin-bottom:120px}article.svelte-g8k17c h1:where(.svelte-g8k17c){padding:20px 10px 10px;text-align:center;color:inherit}article.svelte-g8k17c .first:where(.svelte-g8k17c){background:url(/assets/skills-CMFZChFk.png);background-repeat:no-repeat;background-size:cover;background-position:80%;height:90%;display:flex;justify-content:space-evenly;align-items:center;flex-direction:column}article.svelte-g8k17c .first:where(.svelte-g8k17c) p:where(.svelte-g8k17c){text-wrap:pretty;width:80%;height:max-content;padding:20px 10px;margin:15px 5px;background:#ffffff40;border:1px solid var(--white);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;font-weight:700;color:#fff}.skill.svelte-g8k17c{padding:0;height:90%;display:grid;grid-template-columns:repeat(auto-fill,90px);place-content:center;gap:20px}.skill.svelte-g8k17c figure:where(.svelte-g8k17c){height:90px;width:100%;display:flex;place-content:center;justify-content:center;align-items:center;margin:0;position:relative}.skill.svelte-g8k17c figure:where(.svelte-g8k17c):after,.skill.svelte-g8k17c figure:where(.svelte-g8k17c):before{content:"";position:absolute;height:100%;width:100%;background-image:conic-gradient(from var(--angle),transparent 80%,var(--primary),var(--terciary));padding:2px;z-index:-1;animation:3s svelte-g8k17c-spin linear infinite}.skill.svelte-g8k17c figure:where(.svelte-g8k17c):before{filter:blur(1.5rem);opacity:.5}.skill.svelte-g8k17c figure:where(.svelte-g8k17c) img:where(.svelte-g8k17c){width:100%;object-fit:cover;border-radius:10px;padding:0;margin:0}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes svelte-g8k17c-spin{0%{--angle: 0deg}to{--angle: 360deg}}aside.svelte-qvt2kp{position:fixed;height:130px;padding:5px;width:24px;right:0;top:50%;background:#ffffff90;border-left:2px solid var(--primary);display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;transform:translateY(-50%);border-radius:10px}aside.svelte-qvt2kp figure:where(.svelte-qvt2kp){margin:0}aside.svelte-qvt2kp figure:where(.svelte-qvt2kp) a:where(.svelte-qvt2kp){transition:transform .7s linear}aside.svelte-qvt2kp figure:where(.svelte-qvt2kp) a:where(.svelte-qvt2kp) :where(.svelte-qvt2kp):hover{transform:scale(1.1);transition:.7s linear}