*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}@keyframes drift{0%{background-position:0 0}to{background-position:24px 24px}}body{font-family:Inter,-apple-system,sans-serif;background-color:#000;color:#fafafa;font-weight:300;line-height:1.7;background-image:radial-gradient(circle,rgba(255,255,255,.15) 1px,transparent 1px);background-size:24px 24px;animation:drift 20s linear infinite}.portfolio{max-width:600px;margin:0 auto;padding:4rem 1.5rem;min-height:100vh;display:flex;flex-direction:column;justify-content:center;text-align:center}a{color:#fafafa;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.3);transition:all .2s ease}a:hover{border-bottom-color:#fafafa;background-color:#ffffff1a}section{margin-bottom:2rem}h1{font-size:1.4rem;font-weight:400;margin-bottom:.25rem}h2{font-size:.95rem;font-weight:300;color:#a1a1aa;margin-bottom:2rem}h3{font-size:.85rem;font-weight:400;font-style:italic;color:#a1a1aa;margin-bottom:.75rem}p{font-size:.95rem;color:#d4d4d8}ul{list-style:none}li{margin-bottom:.6rem;padding:.4rem .5rem;border-radius:4px;transition:background-color .2s ease;cursor:pointer;position:relative}li:hover{background-color:transparent}li .title{position:relative;transition:all .3s ease}li:hover .title{animation:glitchText .2s ease}li .title .main{display:inline;transition:all .3s ease}li .title .desc{display:none;color:#a1a1aa;transition:all .3s ease}li:hover .title .main{display:none}li:hover .title .desc{display:inline}@keyframes glitchText{0%{opacity:1;filter:blur(0)}25%{opacity:.8;filter:blur(2px);transform:skew(2deg)}50%{opacity:.6;filter:blur(1px);transform:skew(-2deg)}75%{opacity:.8;filter:blur(2px);transform:skew(1deg)}to{opacity:1;filter:blur(0);transform:skew(0)}}