nav{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);align-items:center;width:100vw;height:5rem;padding:.5rem;display:flex;position:fixed;top:0;left:0;overflow:hidden}nav>ul{flex-direction:row;gap:1rem;display:flex}nav a{color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s;position:relative}nav a:after{content:"";background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));width:0;height:2px;transition:all .5s;position:absolute;bottom:-5px;left:0}nav a:hover{color:var(--accent-primary)}nav a:hover:after{width:100%}
h3{color:var(--accent-secondary);font-size:1rem;font-weight:700}h1{color:var(--accent-primary);background:-webkit-linear-gradient(45deg,var(--accent-primary),var(--accent-tertiary),var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700}.skills{justify-content:row;flex-wrap:wrap;gap:2rem;display:flex}.skill-card{border:1px solid var(--accent-primary);color:var(--accent-primary);background:#a78bfa26;border-radius:20px;padding:.5rem 1.2rem;font-family:JetBrains Mono,monospace;font-size:.85rem;transition:all .3s;animation:3s ease-in-out infinite float}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(1deg)}to{transform:translateY(0)rotate(0)}}.skill-card:hover{background:#a78bfa40;box-shadow:0 0 20px #a78bfa66}section#hero{box-sizing:border-box;flex-direction:column;justify-content:center;gap:2rem;min-height:100%;padding-top:100px;display:flex}.hero-button{flex-wrap:wrap;gap:2rem;padding-top:2rem;display:flex}button{cursor:pointer;border-radius:10px;padding:1rem 2rem}button:hover{transform:translateY(-3px)}.hero-button button:first-child{background:linear-gradient(90deg,var(--accent-tertiary),var(--accent-primary));color:var(--background);font-weight:700}.hero-button button:last-child{border:2px solid var(--accent-primary);color:var(--accent-primary);background-color:#0000;font-weight:700}.hero-button button:first-child:hover{box-shadow:0 0 30px #a78bfa99}.hero-button button:last-child:hover{background:#a78bfa26}