.skills-section[data-astro-cid-ywmogu3j]{position:relative;width:100%;height:100svh;overflow:hidden}.skills-section[data-astro-cid-ywmogu3j] h2[data-astro-cid-ywmogu3j]{font-family:var(--yesevaFont);text-align:center;font-size:clamp(2rem,4vw,3.5rem);font-weight:500;line-height:.9}.skills-section[data-astro-cid-ywmogu3j] .title-accent[data-astro-cid-ywmogu3j]{color:var(--accentColor)}.header[data-astro-cid-ywmogu3j]{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;will-change:transform}.skills-content[data-astro-cid-ywmogu3j]{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:stretch;will-change:transform;padding-top:5rem}.skills-content[data-astro-cid-ywmogu3j] .skills-bg[data-astro-cid-ywmogu3j]{position:absolute;transform:scale(.8) translateY(-20%);opacity:var(--skills-bg-opacity)}.skills-content[data-astro-cid-ywmogu3j] .skills-bg[data-astro-cid-ywmogu3j] img[data-astro-cid-ywmogu3j]{width:100%;height:100%;object-fit:cover}.skills-content[data-astro-cid-ywmogu3j] h2[data-astro-cid-ywmogu3j]{width:70%;font-family:var(--yesevaFont);font-size:clamp(2rem,4vw,3.5rem);color:var(--foregroundColor);line-height:1.2;margin:0}.skills-content[data-astro-cid-ywmogu3j] h2[data-astro-cid-ywmogu3j] .title-line[data-astro-cid-ywmogu3j]{opacity:0}.skills-content[data-astro-cid-ywmogu3j] h2[data-astro-cid-ywmogu3j] .title-accent[data-astro-cid-ywmogu3j]{color:var(--accentColor);opacity:0}.header-content[data-astro-cid-ywmogu3j]{width:60%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2rem;will-change:transform,opacity;transform:translateY(-100px);opacity:0}.header-content[data-astro-cid-ywmogu3j] h2[data-astro-cid-ywmogu3j]{font-size:5rem}.header-content[data-astro-cid-ywmogu3j] p[data-astro-cid-ywmogu3j]{font-family:var(--urabnistFont);font-size:2rem;font-weight:200;line-height:1}.skill[data-astro-cid-ywmogu3j]{position:absolute;width:12rem;height:max-content;padding:1rem 1.5rem;transform:translate(-50%,-50%);will-change:top,left}.skill-bg[data-astro-cid-ywmogu3j]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background-color:var(--backgroundColor);border:.125rem solid var(--accentColor);border-radius:.5rem;will-change:width,height,border-radius,border-width}.skill-content[data-astro-cid-ywmogu3j]{position:relative;will-change:opacity}.skill-content[data-astro-cid-ywmogu3j] p[data-astro-cid-ywmogu3j]{text-transform:uppercase;font-family:var(--urabanistFont);font-weight:600;font-size:1rem;line-height:1;text-align:center}.search-bar[data-astro-cid-ywmogu3j]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3rem;height:3rem;border-radius:25rem;border:.35rem solid var(--accentColor);background-color:var(--backgroundColor);opacity:0;display:flex;align-items:center;will-change:opacity,width,height,transform,background-color}.search-bar[data-astro-cid-ywmogu3j] a[data-astro-cid-ywmogu3j]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;opacity:0;will-change:opacity;text-decoration:none;color:inherit;font-family:var(--urbanistFont);font-size:1.5rem;font-weight:300}@media (max-width: 1200px){.skills-content[data-astro-cid-ywmogu3j] h2[data-astro-cid-ywmogu3j]{width:85%}.header-content[data-astro-cid-ywmogu3j]{width:80%}}@media (max-width: 800px){.skills-section[data-astro-cid-ywmogu3j] h2[data-astro-cid-ywmogu3j]{font-size:2.25rem}.skills-content[data-astro-cid-ywmogu3j]{padding-top:3rem}.skills-content[data-astro-cid-ywmogu3j] .skills-bg[data-astro-cid-ywmogu3j]{transform:scale(2.8) translateY(50%)}.skills-content[data-astro-cid-ywmogu3j] h2[data-astro-cid-ywmogu3j]{width:90%}.header-content[data-astro-cid-ywmogu3j]{width:80%;gap:1.25rem}.header-content[data-astro-cid-ywmogu3j] p[data-astro-cid-ywmogu3j]{font-size:1.2rem}.skill[data-astro-cid-ywmogu3j]{padding:.75rem 1rem}.skill-content[data-astro-cid-ywmogu3j] p[data-astro-cid-ywmogu3j]{font-size:.7rem}}.skills-bg-effect[data-astro-cid-ywmogu3j]{--grid-color: color-mix( in srgb, var(--foregroundColor) 5%, transparent );--fade-mask: linear-gradient( to bottom, transparent, black 55%, black 55%, transparent );position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;background-position:center center;background-size:2.5rem 2.5rem;background-image:linear-gradient(to right,var(--grid-color) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-color) 1px,transparent 1px);-webkit-mask-image:var(--fade-mask);mask-image:var(--fade-mask)}